js继承的方法总结（prototype，call，apply）
2017-02-14 本文已影响247人
泡芙小姐110
1，js原型（prototype）继承
首先了解下prototype
1，在js一切皆对象中，了解到凡是通过new function()创建的对象都是函数对象，否则就是普通对象。
2，普通对象没有prototype属性但有_proto_属性，函数对象都包含prototype和_proto_属性
3，原型对象的主要作用就是为了实现继承。
4，使用原型继承可以达到：1，可以动态的给所需对象设置属性和方法 。 2，子类继承父类，可以使用和享有父亲的所有属性和方法。
<html>
<body>
<script type="text/javascript">
function Person(name,age){ // 父类
this.name=name; //父类的私有属性
this.age=age;
}
Person.prototype.sayHello=function(){ //用处1，动态的给父类Person增加sayHello方法
alert("使用原型得到Name："+this.name);
}
var per=new Person("马小倩",21);
per.sayHello(); //输出：使用原型得到Name:马小倩
---------------------------------------------
function Student(){} //当做子类
Student.prototype=new Person("洪如彤",21); //用处2：子类Student继承父类Person的所有方法和属性
var stu=new Student(); //然后创建子烈的实例
Student.prototype.grade=5; //再给子类动态添加grade属性
Student.prototype.intr=function(){ //再给子类动态添加intr方法
alert(this.grade);
}
stu.sayHello();//使用原型得到Name:洪如彤 。使用从父类继承的sayHello（）方法
stu.intr();//5 。使用给子类动态添加的intr方法
</script>
</body>
</html></SPAN></SPAN>
2，call和apply
首先了解下call和apply
obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);
**
归根揭底就是一句话：
把obj的this绑定到thisObj上，这时候thisObj具备了（或者说继承了）obj的属性和方法，然后在thisObj的执行环境里面执行obj的属性和方法，绑定后会立即执行函数
**
1，apply和call 本来就是为了扩展函数的作用域而生的，换句话说就是为了改变this的指向存在的
2，当一个object没有某种方法，但是其他的有，我们可以借助call和apply来用其他对象的方法来做操作，也可以传参数
<body>
<script type="text/javascript">
function Person(name,age,love){ //原父类方法和私有属性以及方法
this.name=name;
this.age=age;
this.love=love;
this.say=function say(){
alert("姓名："+name);
}
}
//call方式
function student(name,age){ // 可以理解为在student的执行环境里执行person的属性和方法
Person.call(this,name,age);
}
//apply方式
function teacher(name,love){ //可以理解为在student的执行环境里执行person的属性和方法
Person.apply(this,[name,love]);
//Person.apply(this,arguments); //跟上句一样的效果，arguments
// Print.apply(this,arguments); //还可以实现继承多个父类，但是原型 prototype只能继承一个父类！！！切记
}
var per=new Person("武凤楼",25,"魏荧屏"); //输出：“武凤楼”
per.say();
var stu=new student("曹玉",18);//输出：“曹玉”
stu.say();
var tea=new teacher("秦杰",16);//输出：“秦杰”
tea.say();
</script>
</body>
</html></SPAN>
** 总结：
1，prototype可以动态的给对象增加属性和方法
2，可以实现子类继承父类，拥有父类的属性和方法
3，call和apply的区别，在于参数。
4，call和apply，可以肤浅理解为在子运行环境中执行父类的方法和属性。
5，call和apply可以实现多继承，一个子类可以继承多个父类，但是prototype只能有有一个父类**
