JS创建对象的三种方法

在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中创建对象的三种方法。

  • 4
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中,有多种方法可以创建对象。其中包括使用Object构造函数、工厂模式和使用对象字面量。 第一种方法是使用Object构造函数。通过将Object作为构造函数,可以先创建一个的Object对象,然后动态地添加属性或方法。例如: ``` var p = new Object(); p.name = 'Tom'; p.age = 18; p.setName = function(name){ this.name = name; }; ``` 这种方法可以根据需要动态地添加属性和方法,但当需要创建多个对象时,会产生大量重复代码。 为了解决这个问题,可以使用工厂模式创建对象。这种方法创建对象的代码封装在一个函数中,并返回一个新的对象。例如: ``` function createPerson(name, age, gender) { var person = new Object(); person.name = name; person.age = age; person.gender = gender; person.sayName = function() { console.log(this.name); } return person; } var person1 = createPerson("zhangsan", 18, 'male'); var person2 = createPerson("lisi", 20, 'female'); ``` 通过调用工厂函数createPerson,可以创建多个具有相同属性和方法对象。 另一种创建对象方法是使用对象字面量。对象字面量是使用{}来创建对象,并同时指定属性和方法。例如: ``` var p = { name: 'Tom', age: 18, setName: function(name) { this.name = name; } }; ``` 使用对象字面量可以直接指定对象的属性和方法,更加简洁和方便。 以上是JavaScript创建对象的几种常用方法。根据具体的需求,可以选择合适的方法创建对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [js创建对象的5种方法](https://blog.csdn.net/jiangjunyuan168/article/details/126911892)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [JavaScript创建对象的几种方式](https://blog.csdn.net/qq_51781439/article/details/120147756)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值