JavaScript创建对象的3种方法
所谓对象就是用来帮助你完成一些事情的,对象是有特征和行为的,是具体特指的某一个事物,使用对象可以使程序更加整洁。
1.通过 new Object()方法来创建
Object()是JavaScript内部的对象,使用Object创建对象的语言如下:
var mingren = new Object();
mingren.name = "鸣人";
mingren.sex = "男";
mingren.age = 19;
mingren.kill = function(){
console.log("影分身术");
}
mingren.kill();
console.log(mingren.sex);
console.log(mingren["age"]);
注意:我们是利用 = 赋值的方法添加对象的方法和属性。
每个属性和方法用分号结束。
2.利用对象字面量创建对象
对象字面量:就是{}里面包含了这个具体事物的属性和方法。
语法如下:
var obj = {}; //创建了一个空的对象
var obj = {
name: "张三",
age: 18,
sex :“男”,
sayHi : function(){
console.log("hi~");
}
}注意:1.里面的属性和方法采用键值对的形式 键:属性名 值: 属性值
2.多个属性或者方法使用逗号隔开
3.方法后面跟的是一个匿名函数
如何调用对象:
console.log(obj.name);
适用对象的属性 对象名.属性名,点我们理解为 的
调用属性还有一种方法 对象名[“属性名”]。
console.log(obj["age"]);
调用对象的方法:对象名.方法名()
obj.sayHi();
举个例子:
var dog = {
name: “可可",
type: "阿拉斯加犬",
age: 5,
color: "red",
skill: function(){
console.log("汪汪汪");
}
}
3.构造函数创造对象
通过自定义函数创建对象:就是自己定义一个函数,然后赋予它对象的思想。这个函数的名字首字母需要是大写的,要创建Image的新实例,必须要使用new 操作符。以这种方式调用构造函数实际上会经历一下4个步骤:
(1)创建一个新对象,在内存中开辟一个空闲的空间
(2)将构造函数的作用域给新对象(因此this就指向了这个新对象)
(3)执行构造函数中的代码(为这个新对象添加属性)
(4)返回新对象
function Start(name,age,sex){ //构造函数名字首字母要大写
this.name = name;
this.age = age;
this.sex = sex;
}
var ldh = new Start ("刘德华" ,18 ,”男“);
console.log(ldh.name);
console.log(ldh["lsex"]);
//构造函数不需要return就可以返回结果,调用函数返回的是一个对象。