JavaScript对象的四种创建方法

下面我将详细讲解“JavaScript对象的四种创建方法”。

JavaScript对象的四种创建方法

在JavaScript中，我们可以使用四种不同的方式来创建对象。

1. 对象字面量

使用对象字面量创建对象是最常用且最简单的方式。对象字面量就是由一对花括号 {} 和其中包含的零到多个属性组成的。每个属性都由名称和值组成，名称和值之间由冒号 : 分隔，属性之间由逗号 , 分隔。

let person = {
  name: 'John',
  age: 30,
  walk: function() {
    console.log('Walking...');
  }
};

2. 使用构造函数

除了对象字面量，我们还可以使用构造函数来创建对象。构造函数可以看做是一个模板，我们可以通过对其进行实例化得到一个对象。

构造函数的命名通常首字母大写，通过 new 关键字来实例化对象。

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.walk = function() {
    console.log('Walking...');
  };
}
let person = new Person('John', 30);

3. 使用Object.create()

使用Object.create()方法创建对象是一种比较灵活的方式，可以使用原型来指定要继承的对象。

let person = Object.create({
  walk: function () {
    console.log('Walking...');
  }
});
person.name = 'John';
person.age = 30;

4. 使用class

ES6中提供了class语法，可以用来创建对象，并且更加靠近类的概念。 class本质上就是一个构造函数，并且支持继承。

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  walk() {
    console.log('Walking...');
  }
}
let person = new Person('John', 30);

示例说明

下面是两个示例说明，分别使用对象字面量和class创建一个Rectangle（矩形）对象。该矩形对象包括width（宽度）和height（高度）属性，以及一个计算面积的方法。

使用对象字面量

let rect = {
  width: 5,
  height: 10,
  area: function() {
    return this.width * this.height;
  }
};
console.log(rect.area());

输出结果为50。

使用class

class Rectangle {
  constructor(width, height) {
    this.width = width;
    this.height = height;
  }
  area() {
    return this.width * this.height;
  }
}
let rect = new Rectangle(5, 10);
console.log(rect.area());

输出结果为50。

以上就是JavaScript对象的四种创建方法的详细讲解。