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)   //输出"吃鸡"