理解Javascript_06_理解对象的创建过程

理解Javascript_06_理解对象的创建过程

在JavaScript中，对象是一个重要的概念，通常我们通过对象来存储和组织相关的数据和功能。当我们在JavaScript中声明对象时，JavaScript会完成一些工作来创建这个对象。

对象可以通过以下方式创建：

1. 使用对象字面量的方式进行创建（也是最常用的方式之一）：

let obj = { 
  name: 'John', 
  age: 25
};

在这个例子中，通过花括号将对象的属性和对应的值进行封装，用逗号分隔每个属性及其值，这样就可以创建出一个简单的对象。

1. 通过构造函数的方式进行创建：

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

let john = new Person('John', 25);

在这个例子中，通过创建一个构造函数Person，然后使用new关键字来实例化这个构造函数，从而创建出了一个对象john。

无论通过哪种方式创建对象，当JavaScript执行这些代码时，都会发生以下三个步骤：

1. 创建一个空对象。在对象字面量中，这个对象就是在花括号中定义的对象，而在构造函数中，该对象是使用new关键字创建的对象。
2. 将这个新创建的对象的原型指向构造函数的原型。对于通过对象字面量创建的对象，原型是Object.prototype。对于通过构造函数创建的对象，原型是构造函数的原型。
3. 将对象作为this关键字的上下文，将属性和方法添加到该新对象中。

除此之外，我们还需要注意以下几个点：

1. 在JavaScript中，所有的对象都具有原型。原型不仅可以让对象之间共用属性和方法，还可以形成继承的关系，使得一个对象从另一个对象中继承属性和方法。
2. 在ECMAScript 5之前，声明变量或函数时不包含var、function等关键字会被认为是全局变量或函数。因此，变量或函数的作用域不仅包括当前函数或代码块，还包括全局作用域。而在ECMAScript 5之后，建议在声明变量或函数时都加上var、let、const等关键字，并避免定义全局变量和函数，以避免不必要的命名冲突和作用域问题。
3. 当我们声明对象时，可以使用对象字面量或构造函数的方式。绝大部分情况下，对象字面量的方式更加简单、明了，而构造函数的方式更有利于扩展和重用代码。我们可以根据需要，选择适合的创建方式。

下面是两个示例说明：

示例1: 使用对象字面量的方式进行创建

let person = {
  name: 'Alex',
  age: 30,
  sayHello: function() {
    console.log('Hello');
  }
};

在这个例子中，我们定义了一个名为person的对象，拥有两个属性name和age，以及一个方法sayHello()。这个对象使用花括号进行定义。

示例2: 通过构造函数的方式进行创建

function Car(brand, model, year) {
  this.brand = brand;
  this.model = model;
  this.year = year;

  this.start = function() {
    console.log(`${this.brand} ${this.model} started`);
  };
}

let myCar = new Car('Toyota', 'Corolla', 2020);

在这个例子中，我们定义了一个构造函数Car，它接受三个参数brand、model和year，并将它们存储为对象的属性，同时也定义了一个start()方法。我们使用new关键字来实例化这个构造函数，从而创建出了一个名为myCar的对象。