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)   //輸出"喫雞"