1. 程式人生 > 程式設計 >js中Object.create例項用法詳解

js中Object.create例項用法詳解

1、用Object.create()方法建立新物件,並使用現有物件提供新物件的proto。

2、提供兩個引數,第一個是新建立的原型物件,第二個是為新建立的物件新增屬性的物件。

例項

// father 物件
let father = {
    name: 'father',friend: ['abby','bobhttp://www.cppcns.com']
}
 
// 生成新例項物件 child1
let child1 = Object.create(father)
 
// 更改值型別屬性
child1.name = '修改了name'
console.log(child1.name) //修改了name
 
// 更改引用型別值
child1.friend.push('chely')
console.log(child1.friend) www.cppcns.com
//[ 'abby','bob','chely' ] // 生成新例項物件 child2 let child2 = Object.create(father) console.log(child2.name) //father console.log(child2.friend) //[ 'abby'www.cppcns.com,'chely' ]

知識點擴充套件:

Object.create()建立方法例項

const person = {
  isHuman: false,printIntroduction: function() {
    console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`);
  }
};

const me = Object.create(person);

me.name = 'Matthew'; // "name" is a property set on "me",but not on "person"
me.isHuman = true; // inherited properties cgyIWtcAnRT
an be overwritten me.printIntroduction(); // expected output: "My name is Matthew. Am I human? true"

執行結果

> "My name is Matthew. Am I human? true"

到此這篇關於中Object.create例項用法詳解的文章就介紹到這了,更多相關js中Object.create方法是什麼內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!