JS创建对象的三种方法

发布时间:2023-10-16 12:00

在JavaScript中,对象是一组无序的相关属性和方法的集合。所有的实物都是对象,例如,字符串、数值、数组、函数等。
下面我会介绍三种创建对象的方法。
一、通过字面量创建对象
其语法格式如下:

var 对象名 = {};	// 创建了一个空对象
var 对象名 = {
	属性名: 属性值,		// 创建了一个属性
	方法名: function () {	// 创建了一个方法
	}
}

注意点:

  1. 属性名和方法名后面跟的是冒号。
  2. 多个属性和方法之间要用逗号隔开。
    例如,
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. 调用对象的方法是通过 对象名.方法名() 来进行调用的,方法名后面一定要跟小括号。

二、通过new Object来创建对象
其语法格式如下:

var 对象名 = new Object();	// 创建了一个空对象
// 赋值
对象名.属性名 = 属性值;		// 创建了一个属性
对象名.方法名 = function () {};// 创建了一个方法

注意点:

  1. 属性名和方法名后面跟的是等号。
  2. 多个属性和方法之间要用分号隔开。
    例如,
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('拉了一车的玩具');

注意点:

  1. 属性名和方法名后面跟的是等号。
  2. 多个属性和方法之间要用分号隔开。

以上就是在JavaScript中创建对象的三种方法。

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号