理解Object.create()和new SomeFunction()之间的区别

我最近偶然发现了JavaScript中的object .create()方法，并试图推断它与使用new SomeFunction()创建对象的新实例有何不同，以及当您想要使用其中一个而不是另一个时。

考虑下面的例子:

请注意，在这两种情况下观察到相同的行为。在我看来，这两种情况的主要区别是:

在object .create()中使用的对象实际上形成了新对象的原型，而在new Function()中声明的属性/函数不形成原型。不能像使用函数式语法一样使用Object.create()语法创建闭包。考虑到JavaScript的词法(相对于块)类型范围，这是合乎逻辑的。

上述说法正确吗?我是不是遗漏了什么?什么时候你会使用其中一种而不是另一种?

编辑:链接到上述代码示例的jsfiddle版本:http://jsfiddle.net/rZfYL/

当前回答

这样的:

var foo = new Foo();

and

var foo = Object.create(Foo.prototype);

非常相似。一个重要的区别是，new Foo实际上运行构造函数代码，而Object。创建将不会执行诸如

function Foo() {
    alert("This constructor does not run with Object.create");
}

请注意，如果使用Object.create()的双参数版本，则可以执行更强大的操作。

2014-04-21 19:27:59

其他回答

简单地说，new X是Object.create(X.prototype)，另外运行构造函数。(并让构造函数有机会返回实际的对象，该对象应该是表达式的结果，而不是这个。)

就是这样。：）

剩下的答案令人困惑，因为显然也没有人会读new的定义。；）

2013-07-30 16:12:52

function Test(){
    this.prop1 = 'prop1';
    this.prop2 = 'prop2';
    this.func1 = function(){
        return this.prop1 + this.prop2;
    }
};

Test.prototype.protoProp1 = 'protoProp1';
Test.prototype.protoProp2 = 'protoProp2';
var newKeywordTest = new Test();
var objectCreateTest = Object.create(Test.prototype);

/* Object.create   */
console.log(objectCreateTest.prop1); // undefined
console.log(objectCreateTest.protoProp1); // protoProp1 
console.log(objectCreateTest.__proto__.protoProp1); // protoProp1

/* new    */
console.log(newKeywordTest.prop1); // prop1
console.log(newKeywordTest.__proto__.protoProp1); // protoProp1

简介:

1)用new关键字有两点要注意;

A)函数被用作构造函数

b)函数。原型对象被传递给__proto__属性…或者在不支持__proto__的地方，它是新对象寻找属性的第二个地方

2)使用object .create(obj.prototype)你正在构造一个对象(obj.prototype)并将其传递给预期的对象。不同的是，现在new object的__proto__也指向obj。原型(请参考ans by xj9)

2013-12-21 00:18:11

根据这个答案和这个视频，new关键字做了下面的事情:

创建新对象。将新对象链接到构造函数(原型)。使此变量指向新对象。使用new对象执行构造函数，隐式执行返回this; 将构造函数函数名赋给新对象的属性构造函数。

对象。Create只执行第1和第2步!

2017-07-27 19:55:01

区别在于所谓的“伪经典vs.原型继承”。建议在代码中只使用一种类型，不要混合使用两种类型。

在伪经典继承中(使用"new"操作符)，假设您首先定义了一个伪类，然后从该类创建对象。例如，定义一个伪类“Person”，然后从“Person”创建“Alice”和“Bob”。