javascript中通过Object.create创建一个对象时遇到的一个问题

var foo = function(){
    this.name = "123";
    this.length = 20;
    this.age = 18;
}

var bar = Object.create(foo);

bar.__proto__();

console.log(bar.name);    //foo
console.log(bar.length);    //0
console.log(bar.age);    //18

如上所示代码,根据我的理解,bar.name应该为'123',bar.length应该为20,但是这里只有age的值。
大概理解是name,length属性和Function对象中的name,length冲突,如图:

clipboard.png

但是不理解其中的原理和机制,求大神解答。

阅读 2.9k
3 个回答
var foo = function(a,b,c){
    this.name = "123";
    this.length = 20;
    this.age = 18;
};
foo.length;//输出3,length表示foo函数形参个数
foo.hasOwnProperty('length');//true,'length'是foo的自有属性
Object.getOwnPropertyDescriptor(foo,'length');//输出Object {value: 3, writable: false, enumerable: false, configurable: true}
    //表示属性不可写,不可枚举,属性可配置,那么修改下writable为true就可以修改这个参数的值了


----------
var foo = function(a,b,c){
    Object.defineProperty(this,'length',{writable:true});
    this.name = "123";
    this.length = 20;
    this.age = 18;
};
var bar = Object.create(foo);
bar.__proto__();
bar.length;//输出20

你这里用Object.create(foo)创造的bar是以foo为原型的,那么你继承的length属性来自foo,也必然是writable: false的,所以如果你不对它进行配置,直接修改length肯定是不行的。

length是改不了的。类似的还有
clipboard.png

clipboard.png

@wangfff
这是chrome控制台的截图:
图片描述

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