前言
①了解js继承方法之前要了解js的原型和原型链,可以参考关于JavaScript原型的学习笔记
②call和apply方法的运用
function Person(name,age) {
this.name = name;
this.age = age;
}
function Pp(name,age,sex) {
Person.call(this,name,age);//改变了this的指向
this.sex = sex;
}
var pp = new Pp("xiaozhang",18,"male");
call和apply可以改变对象中this的指向,它俩的作用一样,唯一的区别就是传入参数的不同.call方法需要把实参按照形参的个数传进去,apply需要传一个arguments列表.
继承的发展
传统形式(就是原型链)
缺点:过多的继承了没用的属性.
比如说:一个Son想继承Father的某个属性和方法,但是用prototype就会把Teacher的所有方法和属性全部继承过来.
Grand.prototype.lastName = "li";
function Grand(){}
var grand = new Grand();
Father.prototype = grand;
function Father(){
this.name = "hehe";
}
var father = new Father();
Son.prototype = father;
function Son(){
}
var son = new Son();
借用构造函数(不算标准的继承模式)
缺点:
①不能继承借用构造函数的原型
②每次构造函数都要多走一个函数
function Person(name,age) {
this.name = name;
this.age = age;
}
function Pp(name,age,sex) {
Person.call(this,name,age);
this.sex = sex;
}
var pp = new Pp("xiaozhang",18,"male");
共享原型
缺点:不能随便改动自己的原型
Father.prototype.Name = "li"
function Father(){
}
function Son(){
}
function inherit(Target,Origin){
Target.prototype = Origin.prototype;
}
inherit(Son,Father);
var son = new Son();
圣杯模式
var inherit = (function () {
var F = function () {};//让F私有化
return function (Target,Origin) {
F.prototype = Origin.prototype;
Target.prototype = new F();
Target.prototype.constuctor = Target;//让construtor指向自己
Target.prototype.uber = Origin.prototype; //存储继承的祖先的信息
}
}());
Father.prototype.Name = "li";
function Father(){
}
function Son(){
}
inherit(Son,Father);
var father = new Father();
var son = new Son();