转自:JS创建对象的三种方法
在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中创建对象的三种方法。
转自:JS创建对象的三种方法
标签:console,log,对象,创建对象,JS,三种,方法,属性 From: https://www.cnblogs.com/hi3254014978/p/17143011.html