你好,游客 登录 注册
背景:
阅读新闻

关于 JavaScript 中的继承

[日期:2019-05-01] 来源:cnblogs.com/Wayou  作者:刘哇勇 [字体: ]

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

参考

https://www.programbbs.com/rssFeed.aspx

本文永久更新链接地址https://www.programbbs.com/Linux/2019-05/158410.htm

linux
相关资讯       JavaScript继承 
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款