javascript学习指南_JavaScript中的继承的入门知识

更新时间:2020-11-18    来源:php入门    手机版     字体:

【www.bbyears.com--php入门】

许多OOP语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。由于函数没有签名,在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的。

实现对象集成集中方法如下:

一. 原型链继承

使用原型链集成的基本思想,是利用原型让一个引用类型集成另一个引用类型的属性和方法。

本质就是重写原型对象,代之以一个新类型的实例。

function SuperType() {
    this.property = true;
}

SuperType.prototype.getSuperValue = function() {
    return this.property;
}

function SubType() {
    this.subProperty = false;
}

// 继承了SuperType
SubType.prototype = new SuperType();
SubType.prototype.getSubValue = function() {
    return this.subProperty;
}

var instance = new SubType();
alert("Sub: " + instance.getSubValue());
alert("Super: " + instance.getSuperValue());
原型链虽然很强大,但是用它来实现继承,最主要的问题来自包含引用类型值的原型。引用类型值的原型属性会被所有实例共享。

function SuperType() {
    this.colors = ["red", "blue", "green"];
}

function SubType() {}

SubType.prototype = new SuperType();

var instance1 = new SubType();
instance1.colors.push("black");
console.log(instance1.colors); // "red", "blue", "green", "black"

var instance2 = new SubType();
console.log(instance2.colors); // "red", "blue", "green", "black"
所以,在实践中,很少会单独使用原型链。

二. 借用构造函数

借用构造函数技术也叫做伪造对象,或经典继承。基本思路是在子类型构造函数的内部调用超类型构造函数。

函数只是在特定环境中执行代码的对象,因此通过使用apply()和call()方法,也可以在新创建的对象上执行构造函数。

function SuperType() {
    this.colors = ["red", "blue", "green"];
}

function SubType() {
    SuperType.call(this);
}

var instance1 = new SubType();
instance1.colors.push("black");
console.log(instance1.colors); // "red", "blue", "green", "black"

var instance2 = new SubType();
console.log(instance2.colors); // "red", "blue", "green"
使用call()方法(或apply()方法),实际上是在新创建的SubType实例的环境下调用了SuperType构造函数。

相对于原型链而言,借用构造函数有一个很大的优势,就是可以在子类型构造函数中向超类型构造函数传递参数。例如:

function SuperType(name) {
    this.name = name;
}

function SubType() {
    SuperType.call(this, "Hello world");
    this.age = 12;
}

var instance = new SubType();
alert(instance.name); // "Hello world"
alert(instance.age); // 12
由于在超类型中定义的方法,对于子类型而言是不可见的,结果所有类型都只能使用构造函数模式。因此借用构造函数的技术也很少单独使用。

三. 组合继承

【努力施工中…】

四. 寄生式继承

【努力施工中…】

五. 寄生组合式继承

本文来源:http://www.bbyears.com/jiaocheng/111272.html