关于 JavaScript 中的继承

ES5 之前,继承是这样实现的

#include<stdio.h> int main() { int arr[] = { 1, 2, 3, 4, 5, 6, 7, 8, 9 }; int i = 0; int j = 0; int k = 0; int sz = sizeof(arr) / sizeof(arr[0]); int arr2[10] = { 0 }; int arr3[10] = { 0 }; while (i < sz) { if (arr[i] % 2 == 1) { arr2[j] = arr[i]; j++; i++; } else { arr3[k] = arr[i]; k++; i++; } } i = 0; j --; k --; while (j != -1) { arr[i] = arr2[j]; j--; i++; } while (k != -1) { arr[i] = arr3[k]; i++; k--; } for (i = 0; i < sz; i++) { printf("%d ", arr[i]); } return 0; }

这种方式有个缺点,需要首先实例化父类。这表示,子类需要知道父类该如何初始化。

理想情况下,子类不关心父类的初始化细节,它只需要一个带有父类原型的对象用来继承即可。

Child.prototype = anObjectWithParentPrototypeOnThePrototypeChain;

但是 js 中没有提供直接获取对象原型的能力,决定了我们不能像下面这样操作:

Child.prototype = (function () { var o = {}; o.__proto__ = Parent.prototype; return o; }());

注意:__prototype__ 不等于 prototype,前者是通过 new 后者创建的,所以后者是存在于构造器上的,前者属性实例上的属性。方法及属性在原型链上进行查找时使用的便是 __prototype__,因为实例才有 __prototype。

instance.__proto__ === constructor.prototype // true

所以,改进的方式是使用一个中间对象。

// Parent defined as before. function Child() { Parent.call(this); // Not always required. } var TempCtor, tempO; TempCtor = function() {}; TempCtor.prototype = Parent.prototype; Child.prototype = tempO = new TempCtor(); Child.prototype.constructor = Child; var c = new Child(); c instanceof Parent; // true - Parent.prototype is on the p.-chain c instanceof Child; // true c.__proto__ === tempO; // true // ...and so on, as before

借助这个中间对象绕开了对父类的依赖。为了减少如上的重复轮子,ES5 中加入 Object.create 方法,作用与上面等效。

// Parent defined as before. function Child() { Parent.call(this); // Not always required. } Child.prototype = o = Object.create(Parent.prototype); Child.prototype.constructor = Child; var c = new Child(); c instanceof Parent; // true - Parent.prototype is on the p.-chain c instanceof Child; // true c.__proto__ === o; // true // ...and so on, as before 参考

Linux公社的RSS地址https://www.linuxidc.com/rssFeed.aspx

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/9c8fcdc28c05048b8add689937252038.html