JavaScript Object.create()用法及代碼示例

Object.create() 方法用於創建具有指定原型對象和屬性的新對象。我們可以通過 Object.creates (null) 創建一個沒有原型的對象。

用法:

Object.create(prototype[, propertiesObject])

參數

prototype: 它是必須從中創建新對象的原型對象。

propertiesObject: 它是一個可選參數。它指定要添加到新創建的對象的可枚舉屬性。

Object.create() 返回一個具有指定原型對象和屬性的新對象。

瀏覽器支持：

Chrome	Yes
Edge	Yes
Firefox	Yes
Opera	Yes

例子1

const people = {
  printIntroduction:function ()
   {
    console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`);
  }
};
const me = Object.create(people);
me.name = "Marry"; // "name" is a property set on "me", but not on "person"
me.isHuman = true; // inherited properties can be overwritten
me.printIntroduction();

輸出：

"My name Marry. Am I human? true"

例子2

function fruits() {
        this.name = 'franco';
        }
       function fun() {
        fruits.call(this)
 }

        fun.prototype = Object.create(fruits.prototype);
        const app = new fun();
        console.log(app.name);

輸出：

"franco"

例子3

function fruits() {
        this.name = 'fruit';
        this.season = 'Winter';
        }

        function apple() {
        fruits.call(this);
        }

        apple.prototype = Object.create(fruits.prototype);
        const app = new apple();
        console.log(app.name,app.season);
        console.log(app.season);

輸出：

"fruit"
 "Winter"
"Winter"

相關用法

注：本文由純淨天空篩選整理自 JavaScript Object.create() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。