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冲突，如图：

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

解决方案

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肯定是不行的。

这篇关于javascript中通过Object.create创建一个对象时遇到的一个问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！