码迷,mamicode.com
首页 > 其他好文 > 详细

Object.create()和new 创建对象的区别

时间:2020-07-05 15:49:26      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:创建对象   code   back   原型对象   new   The   create   实例   erp   

Object.create()方法是ECMAScript5中新增的,用来规范化原型式继承的。
这个方法接收两个参数,一个是用作新对象原型的对象,和一个为新对象定义额外属性的(可选)对象。

  var person = {
      name: "Nicholas",
      friends: ["John", "Jane"] // 引用类型值属性共享
    }

    var onePerson = Object.create(person); // onePerson继承person对象
    
    console.log(onePerson)  //{},自己空对象,可以通过隐士原型继承person
    console.log(onePerson.name,onePerson.friends )  //Nicholas , ["John", "Jane"]

    onePerson.name = "Greg";
    onePerson.friends.push("Mike"); 
    console.log(onePerson.name); //onePerson自己添加的name属性  Greg
    console.log(onePerson.friends); //修改person原型对象的friends ["John", "Jane", "Mike"]
    console.log(onePerson); //{name: "Greg"}
 
// 第二个参数对象格式与Object.defineProperties()方法的第二个参数格式相同
var theOtherPerson = Object.create(person, {
              name : {
                configurable : false,  // 不可修改
                value : "Greg"
              }
});
console.log(theOtherPerson.name);  // Greg
theOtherPerson.name = "Bob";  // 失效
console.log(theOtherPerson.name);  // Greg


new Object()方法的实质是,使用引用类型Object的构造函数创建了一个新的实例,这个实例拥有Object默认的方法如toString、toLocaleString等。

Object.create()和new 创建对象的区别

标签:创建对象   code   back   原型对象   new   The   create   实例   erp   

原文地址:https://www.cnblogs.com/fsg6/p/13245998.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!