1. 程式人生 > >JavaScript基礎-----建立物件的三種方法

JavaScript基礎-----建立物件的三種方法

在 JavaScript 中我們知道無法通過類來建立物件,那麼如何建立物件呢?

(1)通過“字面量”方式建立物件

將你的資訊寫到{ }中,並賦值給一個變數,此時這個變數就是一個物件,例:

var game = {
    first : "吃雞",
    two : "英雄聯盟",
}
console.log(game.first)   // 輸出"吃雞"
//物件的新增		
obj.three = "王者榮耀" 
console.log(game)   //會輸出以上三個資訊
//物件的刪除
delete game.two 
console.log(game.two)   //輸出undefined

注意:編寫資訊時一定要是(屬性:屬性值,)

當{ }為空時,將建立一個空的物件

var game = {}    //建立空物件

(2)通過“建構函式”方式建立物件

var game = new 函式名();

通過該方法建立物件時,會自動執行該函式

function Game = {
    this.first = "吃雞";
    this.two = "英雄聯盟";
    this.three = "王者榮耀";
}
//用new關鍵字呼叫
var game = new Game()
console.log(game.first)  //輸出"吃雞"

使用new關鍵字例項化的時候發生了什麼?

以上文中的Game()函式舉個栗子:

  1. 第一步,建立一個空物件。 var game={}
  2. 第二步,將建構函式Game()中的this指向新建立的物件game。
  3. 第三步,執行建構函式Game()內的程式碼。

(3)通過“Object”方式建立物件

先通過object構造器new一個物件,再往裡豐富成員資訊

var game = Object();
game.first = "吃雞";
game.two = "王者榮耀";
console.log(game.first)   //輸出"吃雞"

(4)通過“create”方式建立物件

通過create建立物件,建立的是原型物件,例:

var game = {
    first : "吃雞",
    two : "王者榮耀",
}
var game_1 = Object.create(game);
console.log(game_1.first)   //輸出"吃雞"