在JavaScript中,应用系统定制开发对象是一组无序的相关应用系统定制开发属性和方法的。应用系统定制开发所有的实物都是对象,例如,字符串、数值、数组、函数等。
下面我会介绍三种创建对象的方法。
一、通过字面量创建对象
其语法格式如下:
var 对象名 = {}; // 创建了一个空对象var 对象名 = { 属性名: 属性值, // 创建了一个属性 方法名: function () { // 创建了一个方法 }}
- 1
- 2
- 3
- 4
- 5
- 6
注意点:
- 属性名和方法名后面跟的是冒号。
- 多个属性和方法之间要用逗号隔开。
例如,
var obj1 = {}; // 创建了一个空的对象var obj2 = { // 创建了一个含有属性和方法的对象 name: '小明', //属性 age: 18, //属性 sex: '男', //属性 say: function () { // 方法 console.log('hello'); }}// 调用对象console.log(obj2.name);console.log(obj2['age']);obj2.say();
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
注意点:
- 调用对象的属性有两种方式:对象名.属性名 或 对象名[‘属性名’]都可以进行调用。
- 调用对象的方法是通过 对象名.方法名() 来进行调用的,方法名后面一定要跟小括号。
二、通过new Object来创建对象
其语法格式如下:
var 对象名 = new Object(); // 创建了一个空对象// 赋值对象名.属性名 = 属性值; // 创建了一个属性对象名.方法名 = function () {};// 创建了一个方法
- 1
- 2
- 3
- 4
注意点:
- 属性名和方法名后面跟的是等号。
- 多个属性和方法之间要用分号隔开。
例如,
var obj = {}; // 创建了一个空的对象// 赋值obj.name = '小明', //属性obj.age = 18, //属性obj.sex = '男', //属性obj.say = function () { // 方法 console.log('hello');}// 调用对象console.log(obj.name);console.log(obj['age']);obj.say();
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
三、通过构造函数创建对象
其语法格式如下:
// 创建一个构造函数function 构造函数名() { this.属性名 = 值; this.方法名 = function () {};}// 调用new 构造函数名();
- 1
- 2
- 3
- 4
- 5
- 6
- 7
例如,
function Car(carWeight, carColor, carBrand) { this.weight = carWeight; this.color = carColor; this.brand = carBrand; this.lahuo = function (thing) { console.log(thing); }}var bc = new Car(130, 'black', '奔驰');console.log(bc.weight);console.log(bc.color);console.log(bc.brand);bc.lahuo('拉了一车的玩具');
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
注意点:
- 属性名和方法名后面跟的是等号。
- 多个属性和方法之间要用分号隔开。
以上就是在JavaScript中创建对象的三种方法。