js中Object.create實例用法詳解

Posted on by

1、用Object.create()方法創建新對象，並使用現有對象提供新對象的proto。

2、提供兩個參數，第一個是新創建的原型對象，第二個是為新創建的對象添加屬性的對象。

實例

// father 對象
let father = {
    name: 'father',
    friend: ['abby', 'bob']
}
 
// 生成新實例對象 child1
let child1 = Object.create(father)
 
// 更改值類型屬性
child1.name = '修改瞭name'
console.log(child1.name) //修改瞭name
 
// 更改引用類型值
child1.friend.push('chely')
console.log(child1.friend) //[ 'abby', 'bob', 'chely' ]
 
// 生成新實例對象 child2
let child2 = Object.create(father)
console.log(child2.name) //father
console.log(child2.friend) //[ 'abby', 'bob', '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 can be overwritten

me.printIntroduction();
// expected output: "My name is Matthew. Am I human? true"

運行結果

> “My name is Matthew. Am I human? true”

到此這篇關於js中Object.create實例用法詳解的文章就介紹到這瞭,更多相關js中Object.create方法是什麼內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：