JavaScript构造函数详解

深入理解JavaScript中的构造函数与原型链：一个全方位

在JavaScript中，构造函数是一种特殊的函数，用于初始化新创建的对象实例。当我们使用`new`关键字创建一个新的对象实例时，构造函数就开始发挥其作用了。新创建的对象实例继承了构造函数的prototype属性，这是理解JavaScript中对象原型链和继承机制的关键所在。本文将深入JavaScript中的构造函数，及其与原型链的关系。

构造函数的定义和特点

构造函数通常被定义为一个以大写字母开头的函数，用于初始化对象的属性或方法。在JavaScript中，构造函数本质上就是一个普通的函数，但经常用于创建和初始化对象。当我们使用`new`关键字创建一个新的对象实例时，这个构造函数会被调用。在构造函数内部，我们可以使用`this`关键字来引用新创建的对象实例。

构造函数的注意事项

1. 默认函数首字母大写：虽然这不是强制性的，但为了代码的可读性和易于识别，我们通常将构造函数的首字母大写。

2. 构造函数没有显示返回值：当我们使用`new`关键字创建新的对象实例时，构造函数会自动被调用，并返回新创建的对象实例。我们不需要在构造函数内部显式地返回任何东西。如果需要在构造函数内部返回特定的值或对象，可以使用`return`语句。但请注意，如果返回的是一个原始类型（如数字、字符串或布尔值），那么这个返回值会被忽略，仍然会返回新创建的对象实例。如果返回的是一个对象，那么这个对象会代替新创建的对象实例被返回。

使用原型链与原型对象

在JavaScript中，每个对象都有一个指向其原型对象的链接（即原型链）。当我们试图访问一个对象的属性时，如果该对象本身没有这个属性，那么JavaScript会在对象的原型链上查找这个属性。这就是原型链的工作机制。而构造函数的`prototype`属性就是指向这个原型对象的链接。我们可以通过修改构造函数的`prototype`属性来添加新的方法或属性到所有该构造函数创建的实例中。这种方式比直接在每个实例上添加方法或属性要高效得多。

```javascript

function Person(name) {

this.name = name;

}

Person.prototype = {

constructor: Person, // 手动重置constructor属性

sayName: function() {

console.log(this.name);

},

toString: function() {

return "[Person " + this.name + "]";

}

};

```

现在，让我们进行一个简单的测试：

创建一个Person对象实例p1，并检查其constructor属性是否指向Person类：

```javascript

let p1 = new Person("张三");

console.log(p1.constructor === Person); // 输出 true

console.log(p1.constructor === Object); // 输出 false

```

从输出结果可以看出，p1的constructor属性确实指向了我们定义的Person类，而不是被默认置为Object。

接着，验证p1是否属于Person类的实例：

```javascript

console.log(p1 instanceof Person); // 输出 true

```