js继承对象

clipboard.png

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

阅读 2.4k
3 个回答

找到一个相关问题的参考内容: 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的属性了。其原型链大概如图:

clipboard.png

@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产生一些不必要的内容。

原型链大概如图:

clipboard.png

其他实现我就没深入了。

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

JS是没有类的概念,只有伪类,为什么要创建一个function F,求解释

因为这里的你所谓的伪类就是Function,通过使用函数使用new的构造调用和不使用new的普通调用,来区分你说的这个类。

这是原型式继承。
因为F的实例没有实例属性,只有原型属性。这样就可以避免像是直接使用 new Parent()作为Child的原型,产生的无用属性

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题