JS继承三种方式的理解prototype, call/apply, 混用

首先,需要统一一个知识点 new一个对象的四个过程

1、创建一个空对象

1

var obj = new Object();

2、让Person中的this指向obj,并执行Person的函数体

1

var result = Person.call(obj);

3、设置原型链,将obj的__proto__成员指向了Person函数对象的prototype成员对象

1

obj.__proto__ = Person.prototype;

4、判断Person的返回值类型,如果是值类型,返回obj。如果是引用类型,就返回这个引用类型的对象。

1

2

3

4

if (typeof(result) == "object")

  person = result;

else

  person = obj;

其次是, call/apply的基本理解

JS继承三种方式的理解prototype, call/apply, 混用

new一个对象的第三点会排除一些疑惑。

接下来是继承的三种方式

1.原型链方式

JS继承三种方式的理解prototype, call/apply, 混用

JS继承三种方式的理解prototype, call/apply, 混用

JS继承三种方式的理解prototype, call/apply, 混用

结合new的操作 Animal.prototype.__proto__ = Dog.prototype, 即继承了Dog的wang方法

Animal1.__proto__ = Dog.prototype 
 

2.call/apple

JS继承三种方式的理解prototype, call/apply, 混用

call将this指向当前this

3.混合

JS继承三种方式的理解prototype, call/apply, 混用