从面试题学习Javascript 面向对象（创建对象）

很高兴能够为你详细讲解“从面试题学习Javascript 面向对象（创建对象）”的完整攻略。下面我将为你提供详细的自学指导及相关示例。

学习Javascript面向对象的创建对象

了解Javascript中对象的创建方式

在Javascript中，有多种创建对象的方式，包括：

• 对象字面量语法
• 构造函数
• Object.create方法
• 工厂函数等

在学习创建对象之前，需要明确一些对象的概念。在Javascript中，对象是一种复合值，它由一组无序的键值对组成。每个键值对称为一个属性，其中的键是属性的名称，值可以是任意类型的数据，包括数字、字符串、布尔值、null、undefined、甚至是其他对象。

对象字面量语法创建对象

对象字面量语法是一种最简单的创建对象的方式。通过花括号来定义一个对象，并在花括号中添加属性和方法。

const obj = {
  prop1: 'value1',
  prop2: 2,
  prop3: function() {
    console.log('Hello World');
  }
}

使用构造函数创建对象

构造函数是一种特殊的函数，用于创建对象。它以大写字母开头，当通过new关键字调用构造函数时，它会返回一个新创建的对象。其中属性和方法可以在构造函数中定义，创建对象的时候，需要使用new关键字。

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHi = function() {
    console.log(`Hi, I'm ${this.name} and I'm ${this.age} years old.`);
  }
}

const person1 = new Person('Alice', 25);
person1.sayHi(); // 输出 Hi, I'm Alice and I'm 25 years old.

使用Object.create方法创建对象

Object.create方法接受一个对象作为参数，返回一个新创建的对象，该对象原型指向传入的对象。

const person = {
  name: 'Alice',
  age: 25,
  sayHi: function() {
    console.log(`Hi, I'm ${this.name} and I'm ${this.age} years old.`);
  }
}

const person1 = Object.create(person);

使用工厂函数创建对象

工厂函数可以用来创建多个相似的对象。它本质上是一个普通函数，该函数接受一个参数作为属性，返回一个新创建的对象。

function createPerson(name, age) {
  const person = {
    name,
    age,
    sayHi() {
      console.log(`Hi, I'm ${this.name} and I'm ${this.age} years old.`);
    }
  }
  return person;
}

const person1 = createPerson('Alice', 25);
person1.sayHi(); // 输出 Hi, I'm Alice and I'm 25 years old.

const person2 = createPerson('Bob', 26);
person2.sayHi(); // 输出 Hi, I'm Bob and I'm 26 years old.

以上就是Javascript面向对象创建对象的几种方式，希望通过这些示例和介绍，你能更好地理解Javascript中对象的创建和使用。