js中的承袭
日期：2014-05-16 浏览次数：20331 次
js中的继承
<script type="text/javascript">
/**
js继承：
通过原型链prototype来实现继承
*/
function Shape() {
this.name = "shape";
this.toString = function() {
return this.name;
}
}
function TwoDShape() {
this.name = "2D shape";
}
function Triangle(side, height) {
this.name = 'Triangle';
this.side = side;
this.height = height;
this.getArea = function() {
return this.side * this.height / 2;
};
}
//继承
TwoDShape.prototype = new Shape();
Triangle.prototype = new TwoDShape();
/*
这个可不写，如果不写则如： var my = new Triangle(5, 10); my.constructor则为
function Shape() {
this.name = "shape";
this.toString = function() {
return this.name;
}
}
指定之后就为指定的
TwoDShape.prototype.constructor = TwoDShape;
Triangle.prototype.constructor = Triangle;
*/
/**
测试继承
*/
function test() {
var my = new Triangle(5, 10);
alert(my.toString());
/**
虽然my对象并没有toString的方法，但是它继承了Shape.就可以调用toString的方法了。
让我们看看javascript引擎是怎样工作的.
首先先循环my对象的属性，发现没有toString的方法。
通过_proto_的链接找到对象，也就是TwoDShape()创建的对象。
接下来又开始循环TwoDShape的实例，发现也没有toString的方法。然后又会检查_proto_指向的对象。也就是Shape创造的对象。
终于在Shape的实例中，找到了toString方法。
最终toString方法在my的上下文中被调用。意思就是this指向了my对象。
*/
//alert(my.constructor);
}
</script>
</head>
<body>
This is my JSP page. <br>
<input type="button" onclick="test()" value="test">
测试div与span的区别：div是块元素 也就是会换行 而是span是行元素不会换行，但是可以通过样式display来改变
<span style="display:block">我是行内元素</span>测试行内元素<div style="display:inline">块元素</div>我是快元素
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
