JavaScript创建对象的方式

JavaScript的对象创建方式有三种，分别是：调用系统构造函数创建对象、自定义构造函数创建对象、字面量方式创建对象。

1、调用系统构造函数创建对象

function person(name,age) {
            var ob = new Object();//创建一个对象
            this.name = name;//添加name属性并赋值
            this.age = age;//添加age属性并赋值
            this.sing = function () {//创建一个sing方法
                console.log("我会唱歌");
            };
        }
            var obj = new person("小明",15);//创建一个对象
            console.log(obj.name);//console输出name属性值
            console.log(obj.age);//console书序age属性值
            obj.sing();//obj对象调用sing方法

运行结果：

2、自定义构造函数创建对象

function Font(color,size){//自定义的对象
	this.color = color;//对象添加颜色属性并赋值
	this.size = size;//对象添加大小属性并赋值
	this.draw = function(){//对象创建一个draw对象
	console.log("我画了个圆");
	} ;
}
var pencil = new Font("红色",14);//创建一个对象
console.log(pencil.color);
console.log(pencil.size);
pencil.draw();//pencil对象调用draw方法

运行结果：

3、字面量方式创建对象

方法：

var obj={};//空对象
obj.name = "小明";//为对象创建一个name属性并赋值
obj.age = 15;//为对象创建一个age属性并赋值
obj.talking = function (){//创建一个方法
	console.log("我是演说家");
}
console.log(obj.name);
console.log(obj.age);
obj.talking();//调用talking函数

运行结果：

优化：

var person = {
name:"小明",
age:18
}
console.log(person.name);
console.log(person.age);

运行结果：