new 与 Object.create() 之间的真正区别是什么 [重复]

Question

我试图了解关键字new 和Object.create() 之间的真正区别

说明：

• a1 是 function 而 a2 是 object
• a1 和 a2 将 key1 作为默认属性。在从它们创建实例 bxx 之后分配 key2。检查bxx 是独立对象本身还是只是一个引用。

"use strict";

function a1() {
  this.key1 = "value 1";
}

let a2 = {
  key1: "value 1"
};

let b1new, b1obj, b2new, b2obj;

try {
  b1obj = Object.create(a1);
} catch (e) {
  console.error("Error a1: ", e.message)
}
try {
  b1new = new a1();
} catch (e) {
  console.error("Error a1: ", e.message)
}


try {
  b2obj = Object.create(a2);
} catch (e) {
  console.error("Error a2: ", e.message)
}
try {
  b2new = new a2();
} catch (e) {
  console.error("Error a2: ", e.message)
}

//let b = new a();

a1.key2 = "value 2";
a2.key2 = "value 2";

if (b1obj) {
  console.log("b1obj.key1: ", b1obj.key1);
  console.log("b1obj.key2: ", b1obj.key2);
}
if (b1new) {
  console.log("b1new.key1: ", b1new.key1);
  console.log("b1new.key2: ", b1new.key2);
}
if (b2obj) {
  console.log("b2obj.key1: ", b2obj.key1);
  console.log("b2obj.key2: ", b2obj.key2);
}
if (b2new) {
  console.log("b2new.key1: ", b2new.key1);
  console.log("b2new.key2: ", b2new.key2);
}

输出：

"Error a2: " "a2 is not a constructor"    
"b1obj.key1: " undefined    
"b1obj.key2: " "value 2"    
"b1new.key1: " "value 1"    
"b1new.key2: " undefined    
"b2obj.key1: " "value 1"    
"b2obj.key2: " "value 2"

问题：

1. 为什么不能在 a2 上使用new？
2. 为什么b1obj.key1 是undefined？
3. 为什么b2obj.key2 仍然是指父母的财产？

Answer 1

1. new 只能与函数或类一起使用。 当函数以new User(...) 执行时，它会执行以下步骤：

   • 一个新的空对象被创建并分配给this。

   • 函数体执行。通常它会修改this，为其添加新属性。

   • 如果没有明确的return语句，则返回this的值。

---

1. b1obj.key1 是 undefined 因为Object.create 第一个参数是一个对象，它成为创建对象的原型。在这种情况下，它是a1 函数，它没有分配key1 属性，它只在调用时将key1 分配给它的this。

---

1. b2obj 具有 a2 对象作为其原型，因此它可以访问其 key2 属性

总结：虽然new 关键字更常用于从现有“模板”创建对象的新实例，但Object.create 更灵活，允许您使用原型，创建属性描述符。例如，您可以创建对象的浅表副本：

let clone = Object.create(Object.getPrototypeOf(obj), 
                          Object.getOwnPropertyDescriptors(obj));

我建议你阅读this关于new关键字和this的一篇关于Object.create和其他原型方法的文章。

UPDATE（关于对象与其原型的关系）： 创建新对象后，更改其属性不会影响原型。例如，

let a2 = {
    key2: "some text"
};
let b2 = Object.create(a2);
a2.key2 = "I am a2";
b2.key2 = "I am b2";

alert(a2.key2 + ", " + b2.key2);

将提醒I am a2, I am b2。那是因为b2 有自己的key2 属性。但如果没有，JavaScript 将在其原型中寻找它。可以找到原型继承的详细说明here

Answer 2

请看下面的答案。

1. 为什么不能在 a2 上使用 new ？

因为new 关键字只能与constructors/classes 一起使用。在 Javascript 中，functions 可以用作constructors。而a2 是Object

1. 为什么 b1obj.key1 未定义？

由于您没有为a1 使用new 关键字，因此不会创建实例并且您将无法使用this 中定义的properties。而Object.create() 将创建一个空对象，其原型设置为a1 为object 而不是function（function 在 JavaScript 中也可以被视为objects）

1. 为什么 b2obj.key2 仍然引用 parent 的属性？

因为你还没有覆盖它。

new 与 Object.create() 之间的真正区别是什么

new 用于constructor 函数，Object.create() 用于继承Objects。此外，Object.create() 可以与functions 一起使用，但随后function 将像正常的object 而不是constructor。