JavaScript-JS对象的创建与查看

现在我们来展示JS中三种创建对象的方法：

一，使用构造器创建对象

var obj1 = new Object
undefined
obj1.name = "abjun"
"abjun"
obj1.age = 21
21
obj1.sayInfo = function(){console.log("name is:"+this.name,"age is:"+this.age)}
? (){console.log("name is:"+this.name,"age is:"+this.age)}
obj1
{name: "abjun", age: 21, sayInfo: ?}
obj1.name
"abjun"
obj1.age
21
obj1.sayInfo()
name is:abjun age is:21
undefined

在页面控制台中，我们就是用构造器创建了一个obj1的对象。

二，用一对花括号来创建对象

var obj2 = {}
undefined
obj2.name = "abjun"
"abjun"
obj2.age = 21
21
obj2.sayHello = function(){console.log("hello"+this.name)}
? (){console.log("hello"+this.name)}
obj2.name
"abjun"
obj2.age
21
obj2.sayHello()
helloabjun
undefined

和上面不同的是，我们这次采用一对花括号来创建对象，对象obj2同样被创建了出来。

三，用字面量来创建对象

var objectName = {

     属性1:值1；

     属性2:值2;

     方法1:function(){}

}

var obj3 = {name:"abjun",age:21,sayInfo:function(){console.log("name is "+this.name,"age is "+this.age)}}
undefined
obj3
{name: "abjun", age: 21, sayInfo: ?}age: 21name: "abjun"sayInfo: ? ()arguments: nullcaller: nulllength: 0name: "sayInfo"prototype: {constructor: ?}__proto__: ? ()[[FunctionLocation]]: VM765:1[[Scopes]]: Scopes[2]__proto__: Object
obj3.sayInfo()
name is abjun age is 21
undefined