javascript - js继承对象

问题描述

问 题

这段代码不是太懂,JS是没有类的概念,只有伪类,为什么要创建一个function F,求解释

解决方案

找到一个相关问题的参考内容： http://stackoverflow.com/ques...

为什么要创建一个函数F，刚开始不知道如何解释，我们且先看那不用函数F，怎么写？

function Person(){}

function Programmer(){
    //new 实例的时候 执行Person方法，如果里面有this.xx的赋值成员操作，将赋值给子类实例去
    Person.apply(this,arguments);
}

createEx(Person, Programmer);

Programmer.prototype.constructor = Programmer;

function createEx(parent, child){
    //子类原型指向父类实例
    child.prototype = new parent();
    child.prototype.constructor = child;
    child.super = parent.base;//这句我不知道是啥
}

这样的话，当 var c = new Programmer()的时候 ，c就能访问到Person的属性了。其原型链大概如图：

而 @UKer 说的产生无用属性，大概是 child.prototype = new parent();这里就执行了一次Person函数（作为构造函数），即如果

function Person(sex){
    this.sex = sex;
}

这样的实现，虽然Programmer实例因为Person.apply(this,arguments);这句而拥有自己的sex属性，但其原型链指向的Person实例内部也同样有sex（尽管直接访问c.sex不会访问到这里），但显得有点多余，反正你不会想要用到。

而反观F的做法：

function F(){}
//这样F实例的原型链指向的是parent的原型，就是parent的父类什么的
F.prototype = parent.prototype;
child.prototype = new F();

通过构建一个空F的实例，让child的实例原型链能访问到parent的原型链，又不用new parent产生一些不必要的内容。

原型链大概如图：

其他实现我就没深入了。

如有不对，请指正哈。 午休的时候想这个问题，睡眠质量差了，求下午不崩溃！！！

这篇关于javascript - js继承对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！