五,构造函数 call()方法继承
function superText(name) {
this.name = 'jiang';
this.age = 20;
this.method = function () {
console.log("it is worth.")
}
superText.prototype.like="play";
}
function subText() {
//构造函数继承了superText(并不能继承到superText的原型的属性和方法)
superText.call(this);
}
var s = new subText();
s.name = 'wang';
console.log(s.name+" "+ s.age);
s.method();
var s1 = new subText();
console.log(s1.name+" "+ s1.age);
s1.method();
console.log(s.like);
传递参数
function superTYpe(name) {
this.name = name;
}
function grangsonText() {
superTYpe.call(this,"jack");
}
var g = new grangsonText();
console.log(g.name);
运行结果:
wang 20
it is worth.
jiang 20
it is worth.
undefined
jack
这种方法实质是调用了call的方法将this指向了superText的作用域,从而获得了其属性方法的继承,当我想要调用superText的原型属性时是undefined,说明此方法不能继承到它的原型属性和方法
it is worth.
jiang 20
it is worth.
undefined
jack
这种方法实质是调用了call的方法将this指向了superText的作用域,从而获得了其属性方法的继承,当我想要调用superText的原型属性时是undefined,说明此方法不能继承到它的原型属性和方法
六,寄生组合式继承
function inheritPrototype(subType,superType) {
var prototype = Object(superType.prototype);
prototype.constructor = subType;
subType.prototype = prototype;
}
function SuperType(name) {
this.name = name;
this.color = ['red','green','black'];
}
SuperType.prototype.sayName = function () {
console.log(this.name);
};
function SubType(name,age) {
SuperType.call(this,name);
this.age = age;
}
inheritPrototype(SubType,SuperType);
SubType.prototype.sayAge = function () {
console.log(this.age);
};
var s = new SubType('tomjack',19);
s.sayName();
s.sayAge();
console.log(s.color);
运行结果:
tomjack
19
[ 'red', 'green', 'black' ]
19
[ 'red', 'green', 'black' ]
inheritPrototype()函数接受两个参数:子类型的构造函数和超类型的构造函数。在函数内部第一步式创建一个超类型的原型副本
第二步为创建的副本添加constructor属性,从而弥补重写原型而失去默认的constructor属性,最后一步讲创建的副本赋值给子类型的原型。
第二步为创建的副本添加constructor属性,从而弥补重写原型而失去默认的constructor属性,最后一步讲创建的副本赋值给子类型的原型。
特点 : 只调用了一次SuperType构造函数,高效,避免了在Subtype.prototype上创建了不必要的,多余的属性。
说明:此段代码摘抄至《JavaScript高级程序设计》这本书的讲原型部分