JavaScript下申明对象的几种方法小结

2023年5月27日上午4:18 • JavaScript

现在为大家详细讲解“JavaScript下申明对象的几种方法小结”。

一、对象的概念

在JavaScript中，对象是一种复合的数据类型。对象可以包含多个属性（键值对），每个属性的值可以是基本类型数据、对象或函数等。对象常常用于描述真实世界中的事物，比如一本书、一个人或一辆汽车等等。

二、申明对象的几种方式

JavaScript中申明对象的方式有多种，下面会一一进行介绍。

1.对象字面量

对象字面量是最常用的用来创建对象的方法。在对象字面量中，通过使用花括号来包含一组键值对来定义一个对象。

示例代码如下：

const book = {
  title: 'JavaScript高级程序设计',
  author: 'Nicholas C. Zakas',
  price: 79.00,
  publisher: {
    name: '人民邮电出版社',
    year: 2013
  },
  getSummary: function() {
    return `${this.title}是一本由${this.author}所著的书籍，售价${this.price}元。`
  }
};

在这个例子中，我们创建了一个名为book的对象，其中包含有title、author、price、publisher和getSummary等属性。其中publisher是一个嵌套对象，getSummary是一个函数属性。这里需要注意的是，函数属性的写法与普通对象属性略有不同，需要使用function关键字。

2.Object构造函数

除了使用对象字面量创建对象外，也可以使用Object构造函数来创建对象。

示例代码如下：

const book = new Object();
book.title = 'JavaScript高级程序设计';
book.author = 'Nicholas C. Zakas';
book.price = 79.00;
book.publisher = {
  name: '人民邮电出版社',
  year: 2013
};
book.getSummary = function() {
  return `${this.title}是一本由${this.author}所著的书籍，售价${this.price}元。`
};

在这个例子中，我们同样创建了一个名为book的对象，但是使用了Object构造函数。之后，我们像之前一样为book对象添加各种属性。

3.构造函数

除了使用对象字面量和Object构造函数创建对象外，也可以使用自定义的构造函数创建对象。构造函数在调用时使用new运算符，返回一个新的对象实例。

示例代码如下：

function Book(title, author, price, publisher) {
  this.title = title;
  this.author = author;
  this.price = price;
  this.publisher = publisher;
  this.getSummary = function() {
    return `${this.title}是一本由${this.author}所著的书籍，售价${this.price}元。`
  }
}

const book = new Book('JavaScript高级程序设计', 'Nicholas C. Zakas', 79.00, {
  name: '人民邮电出版社',
  year: 2013
});

在这个例子中，我们定义了一个名为Book的构造函数，用来创建表示书籍的对象。在构造函数中，我们定义了一些属性（如title、author等）和一个函数（getSummary）。之后，我们使用new运算符来创建一个名为book的书籍对象。