浅谈js的沿袭
日期：2014-05-16 浏览次数：20427 次
浅谈js的继承
先对js的几个特殊属性与函数做点解释：
caller：每个函数（方法）都有的属性，可知是由谁调用此方法。
call： 每个函数都有的方法，可调用父构造函数（调用一个对象的一个方法，以另一个对象替换当前对象(其实就是更改对象的内部指针，即改变对象的this指向的内容)）。
prototype：js对象均有的一个属性，也称原型属性
参考资料：http://log-cd.iteye.com/blog/408477![]()
先对js的几个特殊属性与函数做点解释：
caller：每个函数（方法）都有的属性，可知是由谁调用此方法。
call： 每个函数都有的方法，可调用父构造函数（调用一个对象的一个方法，以另一个对象替换当前对象(其实就是更改对象的内部指针，即改变对象的this指向的内容)）。
prototype：js对象均有的一个属性，也称原型属性
<html>
<head>
<script type="text/javascript">
/**
动物，父类
*/
function Animal(name)
{
this.name = name;
this.sleep = function ()
{
alert("name is :" + this.name +" ,\r\n it's a sleep function 。\r\n the caller is:" + this.sleep.caller);
}
}
/**
子类，老虎
*/
function Tiger()
{
var name = "tiger_onedear";
Animal.call(this , name); //将animal对象作为this指针调用tiger函数，调用父构造函数。换句话说就是tiger继承animal。
}
/**
子类，小鸟
*/
function Bird()
{
var name = "bird_onedear";
}
Bird.prototype=new Animal("bird_onedear"); //建一个积累的对象作为子类原型的原型（原型继承），个人认为也可以勉强说是bird继承animal
Bird.prototype.fly= function () {alert("i am fly" );} //对bird对象原型增加一个方法，这样bird与bird的子类都能用上
function testTiger()
{
new Tiger().sleep(); //tiger类定义处并没有sleep方法，但由于继承了animal类，所以子类调用正常
}
function testBird()
{
new Bird().sleep();
new Bird().fly();
}
</script>
</head>
<body>
<input type="button" onclick="testTiger();" value="TtestTigeriger"/>
<input type="button" onclick="testBird();" value="testBird"/>
</body>
</html>
参考资料：http://log-cd.iteye.com/blog/408477
1 楼
xiangxuehai_jiaer
2011-09-25
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
