发布时间:2023-10-16 12:00
在JavaScript中,对象是一组无序的相关属性和方法的集合。所有的实物都是对象,例如,字符串、数值、数组、函数等。
下面我会介绍三种创建对象的方法。
一、通过字面量创建对象
其语法格式如下:
var 对象名 = {}; // 创建了一个空对象
var 对象名 = {
属性名: 属性值, // 创建了一个属性
方法名: function () { // 创建了一个方法
}
}
注意点:
var obj1 = {}; // 创建了一个空的对象
var obj2 = { // 创建了一个含有属性和方法的对象
name: '小明', //属性
age: 18, //属性
sex: '男', //属性
say: function () { // 方法
console.log('hello');
}
}
// 调用对象
console.log(obj2.name);
console.log(obj2['age']);
obj2.say();
注意点:
二、通过new Object来创建对象
其语法格式如下:
var 对象名 = new Object(); // 创建了一个空对象
// 赋值
对象名.属性名 = 属性值; // 创建了一个属性
对象名.方法名 = function () {};// 创建了一个方法
注意点:
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();
三、通过构造函数创建对象
其语法格式如下:
// 创建一个构造函数
function 构造函数名() {
this.属性名 = 值;
this.方法名 = function () {};
}
// 调用
new 构造函数名();
例如,
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('拉了一车的玩具');
注意点:
以上就是在JavaScript中创建对象的三种方法。