抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

在看本文之前,可以先复习前面的一篇文章:《03-JavaScript基础/07-对象简介和对象的基本操作.md》

创建自定义对象的几种方法

方式一:对象字面量

对象的字面量就是一个{}。里面的属性和方法均是键值对

例如:

1
2
3
4
5
6
7
8
9
10
var o = {
name: "生命壹号",
age: 26,
isBoy: true,
sayHi: function() {
console.log(this.name);
}
};

console.log(o);

控制台输出:

方式二:工厂模式

通过该方法可以大批量的创建对象。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/*
* 使用工厂方法创建对象
* 通过该方法可以大批量的创建对象
*/
function createPerson(name, age, gender) {
//创建一个新的对象
var obj = new Object();
//向对象中添加属性
obj.name = name;
obj.age = age;
obj.gender = gender;
obj.sayName = function() {
alert(this.name);
};
//将新的对象返回
return obj;
}

var obj2 = createPerson("猪八戒", 28, "男");
var obj3 = createPerson("白骨精", 16, "女");
var obj4 = createPerson("蜘蛛精", 18, "女");

弊端:

使用工厂方法创建的对象,使用的构造函数都是Object。所以创建的对象都是Object这个类型,就导致我们无法区分出多种不同类型的对象

方式三:利用构造函数

1
2
3
4
5
6
7
<