JavaScript创建对象的三种方法

2018-06-24 02:15:54来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:three 实现绕物体旋转,卫星绕星球旋转

下一篇:JavaScript自己整理的基础-01