Object.create 与 new function 区别

来源：互联网发布：淘宝爽肤水有什么用编辑：程序博客网时间：2024/06/07 15:58

首先来看看两种语法各是如何创建对象的

Object.create()

var test = {val: 1};var testA = Object.create(test);testA.val = 2;console.log(testA.val);//打印   2delete testA.val;console.log(testA.val); //打印   1

答案一目了然了，当初始化实例testA后，立即给testA.val = 2.此时的第一console打印的是2，然后将属性testA.val删除后，第二个console打印的是1。

Object.create 在创建对象时，做了如下代码步骤：

Object.prototype.create = function(a){    var F = Function (){};    F.prototype = a;    return new F();}

在创建一个新对象时，实际上是将新创建的F函数的prototype指向了test。

由于create的第一个参数可以是null，所以用create创建出来的对象的内部属性[[Prototype]]可以指向null，这样的话，创建出来的对象就与内建Object.prototype对象相似了，都指向null。这是其它任何创建对象方式如：new Object，｛｝等不能达到的，这些方式创建出来的对象都有一个内部属性[[Prototype]]指向不为null的对象。

再看new关键字

function Test(){    this.a = 1;}var testA = new Test();testA.a = 2;console.log(testA.a);//2delete testA.a;console.log(testA.a);//undefined

当初始化实例testA后，立即给testA.val = 2.此时的第一console打印的是2，然后将属性testA.val删除后，第二个console打印的却是undefined而不是1。

从这点我们可以看出它与Object.create的原理不一样。

它的原理如下：

var testA ={};Test.apply(testA);testA.__proto__ = Test.prototype;

可以看出，new 在创建对象的时候，实际上是分为两部分实例化新对象。第一部分是调用函数，第二部分是将函数的prototype复制份给testA对象。

总结可以理解为：Object.create()实例化新对象是将原型对象属性打成了一个包，new是将原型属性打成了两个包，分别初始化。

以上只是个人理解，另链接一篇讨论此话题的文章http://stackoverflow.com/questions/4166616/understanding-the-difference-between-object-create-and-new-somefunction-in-j

0 0