javascript中通过Object.create创建一个对象时遇到的一个问题
阿神
阿神 2017-04-10 18:03:21
[JavaScript讨论组]
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冲突,如图:

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

阿神
阿神

闭关修行中......

全部回复(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是改不了的。类似的还有

迷茫

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号