全部开发者教程

JavaScript 入门教程

前端开发 / JavaScript new操作符和构造函数

new 运算符与构造函数

当一个函数被 new 运算符调用的时候,这个函数就会被称为构造函数。

任何函数都能被 new 运算符调用,但是一般会从设计上将一个函数考虑为构造函数,提供给 new 运算符调用。

function Human(name, gender) {
  this.name = name;
  this.gender = gender;
}

var human = new Human();

1. 构造函数的作用

构造函数的主要作用是用于生成对象。

有其他面向对象语言开发经验的同学可能会觉得使用 new 运算符的语法和创建类的示例很像,其实本质是不一样的。

结合原型的特性,在 JavaScript 中也能实现类似于类的一套机制。

关于构造函数和原型的处理关系,原型章节已经有详细介绍,具体内容可以参考原型章节。

2. new 运算符的运算机制

使用 new 运算符调用函数的时,背后有一套运行机制,这套机制说明了构造函数是怎么产生对象的。

当 new 运算符调用函数时,大致会进行以下几个操作:

  1. 创建一个空对象
  2. 将函数的this指向这个空对象
  3. 执行函数
  4. 如果函数没有指定返回值,则直接返回 this(一开始创建的空对象),否则返回指定返回值
function Person(name, gender, age) {
  this.name = name;
  this.gender = gender;
  this.age = age;
}

var person = new Person('小明', '男', 17);

console.log(person.name);

这样就能理解为什么使用 new 操作符可以生成对象了。

这个机制也是面试的高频题。

3. 小结

构造函数用于生成对象,理解构造函数和原型机制非常重要,不但是面试中的高频题,也可以提升编写高质量、可复用的代码的能力。