JavaScript基礎-----建立物件的三種方法
阿新 • • 發佈:2019-02-09
在 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()函式舉個栗子:
- 第一步,建立一個空物件。
var game={}
- 第二步,將建構函式Game()中的this指向新建立的物件game。
- 第三步,執行建構函式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) //輸出"吃雞"