New 和 Object.create()的区别

时间:2024-05-21 21:36:51

前言

 我们在创建对象的时候,通常使用的就是new实例化对象,但现在javascript的标准里面提出了新的方案:Object.create(),详情详细的介绍可以点击查看MDN。下面就简单介绍一下两者的区别。

New

   new是js中的操作符,可以创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。

语法: new constructor ( [aguments] ) 

由此我们可以看出,实际new创建对象,就是调用构造函数来实例化,在调用构造函数的时候会执行以下操作:

  • 创建一个新的对象
  • 将新对象执行原型操作,指向构造函数的原型
  • 将this绑定到新对象上(可以使用call强制转换执行环境)
  • 构造函数返回的对象就是实例化的结果,如果构造函数没有显示返回一个对象,则返回新的对象

Object.create()

Object.create()是Object的内置方法,可以创建一个新对象,使用现有的对象来提供新创建的对象__proto__

语法:Object.create ( proto, [ propertiesObject ] ) 

该方法有两个参数,第一个proto是一个对象,作为新建对象的原型;第二个参数是一个对象,该对象的属性名称是新创建的对象的属性名称。使用该方法,创建对象会执行以下步骤:

  • 方法内部定义一个新的空对象obj
  • 将obj.__proto__的对象指向传入的参数proto
  • 返回一个新的对象

区别

比较 new Object.create
构造函数 保留原构造函数属性 丢失原构造函数属性
原型链 原构造函数prototype属性 原构造函数/(对象)本身
作用对象 function

function和object

如果使用function来构建,则使用new和Object.create()构建的对象又有什么区别呢?详见如下示例:

New 和 Object.create()的区别

由上面的例子可以看出,new生成的对象的__proto__指向构造函数的原型对象,而使用create生成的对象的__proto__则指向传入的参数Function。

下面的示例是通过原型链来模拟实现Object.create()的方法:

New 和 Object.create()的区别