JavaScript 建立对象方法 Object.create()、new Object()、{} 比较
1 Object.create()
Object.create(null) 创建的对象是一个空对象,在该对象上没有继承 Object.prototype 原型链上的属性或者方法,例如:toString()、hasOwnProperty() 等方法
Object.create() 方法接受两个参数: Object.create(obj, propertiesObject)
obj: 一个对象,新创建的对象的原型。
propertiesObject:可选。该参数对象是一组属性与值,该对象的属性名称将是新创建的对象的属性名称,值是属性描述符(这些属性描述符的结构与Object.defineProperties()的第二个参数一样)。
注意:propertiesObject 参数对象不能是 undefined,另外只有该对象中自身拥有的可枚举的属性才有效,即 该对象的原型链上属性是无效的。
var obj = Object.create(Object.prototype, {
// foo会成为所创建对象的数据属性
foo: {
configurable: true, //能否使用delete、能否需改属性特性、或能否修改访问器属性,默认为false不可重新定义
enumerable:false, //对象属性是否可通过for-in循环,默认值为flase不可循环
writable: true, //对象属性是否可修改,默认值为flase不可修改
value: "hello" //对象属性的默认值,默认值为undefined
},
// bar会成为所创建对象的访问器属性
bar: {
configurable: false,
get: function () { return 10 },
set: function (value) {
console.log("Setting `o.bar` to", value);
}
}
});
console.log(obj.foo); // hello
console.log(obj.foo = '你好!') // 你好!
var other = Object.create(null);
console.log(other); // {} No Properties
2 new Object() 和 {}
new Object() 和 {} 的本质并无区别,默认都是继承了Object对象上的prototype
var test0 = {}
var test1 = { x: 1 }
var test2 = new Object()
var test3 = new Object(test1) // 继承test1
var test4 = Object.create(test1)
var test5 = function () { } // 构造函数
test5.prototype = test1 // 继承test1
var test6 = new test5()
console.log(`test0:`, test0) // test0: {} __proto__.constructor: Object()
console.log(`test1:`, test1) // test1: { x: 1} __proto__.constructor: Object()
console.log(`test2:`, test2) // test2: {} __proto__.constructor: Object()
console.log(`test3:`, test3) // test3: {x:1} __proto__.constructor: Object()
console.log(`test4:`, test4) // test4: {} __proto__ 为test1
console.log(`test5:`, test5) // test5: f(){}
console.log(`test6:`, test6) // test6: test5 {}
console.log(test0.__proto__ === test2.__proto__) // true
console.log(test1.__proto__ === test3.__proto__) // true
console.log(test3.__proto__ === test4.__proto__) // false
console.log(test6.__proto__ === test1) // true
console.log(test6.__proto__ === test3.__proto__) // false
console.log(test6.__proto__ === test4.__proto__) // true