跟我学习JavaScript创建对象(类)的8种方法

本文将详细讲解JavaScript中创建对象或类的8种方法，包括对象字面量、构造函数、原型链、Object.create()、工厂模式、Class语法、继承与混合等内容。

1. 对象字面量

对象字面量是一种创建对象的简单方法，通过直接在花括号内定义对象的属性和方法，以冒号作为键名和键值的分隔符。例如：

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

2. 构造函数

使用构造函数创建对象是一种非常常见的方式。构造函数可以使用new关键字来创建多个类似的对象，通过this指向新创建的对象，例如：

function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
  this.getFullName = function() {
    return this.firstName + ' ' + this.lastName;
  }
}

let person1 = new Person('John', 'Doe', 30);
let person2 = new Person('Jane', 'Doe', 25);

3. 原型链

JavaScript中的每一个对象都有一个原型，该对象可以继承原型中的属性和方法，而原型也可以继承其他对象。可以通过构造函数的prototype属性来给对象的原型添加属性和方法，例如：

function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
}

Person.prototype.getFullName = function() {
  return this.firstName + ' ' + this.lastName;
}

let person = new Person('John', 'Doe', 30);
console.log(person.getFullName());

4. Object.create()

Object.create()方法可用于创建一个新的对象，该对象的原型是指定的原型对象，例如：

let personProto = {
  getFullName: function() {
    return this.firstName + ' ' + this.lastName;
  }
};

let person = Object.create(personProto);
person.firstName = 'John';
person.lastName = 'Doe';
console.log(person.getFullName());

5. 工厂模式

工厂模式可以通过一个函数来创建多个对象，该函数返回一个带有属性和方法的新对象，例如：

function createPerson(firstName, lastName, age) {
  let person = {};
  person.firstName = firstName;
  person.lastName = lastName;
  person.age = age;
  person.getFullName = function() {
    return this.firstName + ' ' + this.lastName;
  }
  return person;
}

let person1 = createPerson('John', 'Doe', 30);
let person2 = createPerson('Jane', 'Doe', 25);

6. Class语法

ES6引入了Class语法，用于创建对象和类。Class语法的本质仍然是使用构造函数和原型链，但提供的语法更加优雅，例如：

class Person {
  constructor(firstName, lastName, age) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }

  getFullName() {
    return this.firstName + ' ' + this.lastName;
  }
}

let person = new Person('John', 'Doe', 30);
console.log(person.getFullName());

7. 继承

继承是一种实现类之间的代码重用的方式。ES6提供了extends关键字，使得子类可以继承父类的属性和方法，例如：

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(this.name + ' makes a noise.');
  }
}

class Dog extends Animal {
  constructor(name) {
    super(name);
  }

  speak() {
    console.log(this.name + ' barks.');
  }
}

let dog = new Dog('Rex');
dog.speak(); // Rex barks.

8. 混合

混合是一种将多个对象或类合并为一个新类的方式。可以通过Object.assign()方法将多个对象合并在一起。例如：

const canEat = {
  eat: function() {
    return 'eating';
  }
};

const canWalk = {
  walk: function() {
    return 'walking';
  }
};

const canSwim = {
  swim: function() {
    return 'swimming';
  }
};

function Person(name) {
  this.name = name;
}

Object.assign(Person.prototype, canEat, canWalk);

const p = new Person('John');
console.log(p.walk()); // walking
console.log(p.eat()); // eating

这样，p对象就具有了canEat和canWalk对象的属性和方法。

以上就是本文讲解的JavaScript创建对象或类的8种方法，不同的方法适用于不同的场景，需要根据具体情况选择合适的方法。