2018年的文章移至github上,点我去!2018年的文章移至github上,点我去!2018年的文章移至github上,点我去!

Fork me on GitHub

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 与 字面量定义都是创建对象的两种方式,所以两个都是实例,且实例是没有原型属性的

 

posted on 2016-05-18 17:35  qize  阅读(322)  评论(0编辑  收藏  举报

导航