javascript 自定义对象

发布时间：2025-06-29 以下文章来源于网友投稿，内容仅供参考！

探究Javascript 自定义对象

在Javascript中，我们可以创建自定义对象，这些对象是根据我们的需求及指定的属性和方法创建的。它们可以帮助我们更好地组织数据和功能，使得我们的代码更加直观和易于维护。下面我们来看看如何创建自定义对象。

创建自定义对象

我们可以使用构造函数或对象字面量的方式来创建自定义对象。以下是使用构造函数创建对象的示例：

function Car(make, model, year) {this.make = make;this.model = model;this.year = year;this.getInfo = function() {return this.make + ' ' + this.model + ' (' + this.year + ')';};}

上面的代码中，我们定义了一个构造函数Car，它接受三个参数：make、model和year，并将它们赋给this对象。我们还定义了一个getInfo方法，在该方法中返回车辆的制造商，型号和年份。

除了使用构造函数，我们还可以使用对象字面量的方式创建自定义对象。以下是使用对象字面量创建对象的示例：

var person = {firstName: 'John',lastName: 'Doe',age: 30,getInfo: function() {return this.firstName + ' ' + this.lastName + ' (' + this.age + ')';}};

上面的代码中，我们使用对象字面量定义了一个名为person的对象。它具有firstName、lastName和age属性，以及一个getInfo方法。

访问自定义对象的属性和方法

我们可以使用点符号（.）或方括号（[]）来访问自定义对象的属性和方法。以下是使用点符号和方括号分别访问属性的示例：

var myCar = new Car('Ford', 'Mustang', 2023);console.log(myCar.make); //输出：Fordconsole.log(myCar['model']); //输出：Mustang

我们也可以使用点符号或方括号来访问自定义对象的方法。以下是使用点符号和方括号分别访问方法的示例：

var myPerson = {firstName: 'John',lastName: 'Doe',age: 30,getInfo: function() {return this.firstName + ' ' + this.lastName + ' (' + this.age + ')';}};console.log(myPerson.getInfo()); //输出：John Doe (30)console.log(myPerson['getInfo']()); //输出：John Doe (30)

添加或更改属性和方法

我们可以使用点符号或方括号来添加属性或更改自定义对象的属性和方法。以下是使用点符号和方括号分别添加属性和更改方法的示例：

var myCar = {make: 'Ford',model: 'Mustang',year: 2023};//添加属性myCar.color = 'red';//更改方法myCar.getInfo = function() {return this.make + ' ' + this.model + ' (' + this.year + '), color: ' + this.color;};console.log(myCar.getInfo()); //输出：Ford Mustang (2023), color: red

删除属性或方法

我们可以使用delete关键字来删除自定义对象的属性和方法。以下是删除自定义对象属性和方法的示例：

var myCar = {make: 'Ford',model: 'Mustang',year: 2023,color: 'red',getInfo: function() {return this.make + ' ' + this.model + ' (' + this.year + '), color: ' + this.color;}};delete myCar.color;delete myCar.getInfo;console.log(myCar); //输出：{ make: 'Ford', model: 'Mustang', year: 2023 }