JavaScript的继承实现方式

1.使用call或apply方法，将父对象的构造函数绑定在子对象上

function A(){
this.name = 'json';
}

function B(){
A.call(this);
}

//测试
var testB = new B();
alert(testB.name)  //->json;

2.实现继承，方法二:prototype模式

function A(){
this.name = 'json';
}
function B(){
this.job='coder';
}

B.prototype = new A();
B.prototype.constructor = B;

var testB=new B();
alert(testB.name)  //->json

函数定义的时候函数本身默认有一个prototype的属性,prototype又有constructor和__proto__属性，

而我们如果用new 运算符来生成一个实例的时候只有constructor属性。

3.基于原型的扩展,原型链的证明

function A(){
this.name = 'json';
}

A.prototype.getSom = function(compiler) {
console.log(compiler)
}

var B = new A();

可以看到B指向A函数，且在A的原型上有getSom方法。



这里是A这个函数(指针)是没有方法getSom的。

但是由于他是继承自A，所以会去A上找getSom(原型链寻找方向是:B -> A,一直向上寻找，如果找不到就报undefined)

更直观的说明函数定义与字面量定义的异同:



因为字面量定义的时候，正在的是执行了 var c = new Object();

new 与 字面量定义都是创建对象的两种方式，所以两个都是实例，且实例是没有原型属性的。