1. 再遇构造函数
不同于其它的主流编程语言,JavaScript的构造函数并不是作为类的一个特定方法存在的;当任意一个普通函数用于创建一类对象时,它就被称作构造函数,或构造器。一个函数要作为一个真正意义上的构造函数,需要满足下列条件:
1、 在函数内部对新对象(this)的属性进行设置,通常是添加属性和方法。
2、 构造函数通常没有返回值,实际上也可以包含返回语句(不推荐),但返回值必须是this,或者其它非对象类型的值。
下面例子定义的函数 Animal 就是一个典型的构造函数,我们可以使用new表达式来调用它,该表达式可以正确返回一个对象:
function Animal(name, age) {
this.name = name
this.age = age
}
构造函数需用 new 操作符来调用:
let dog = new Animal('旺财', 2)
console.log(dog)
dog.bark()
输出如下:
我们可以很明确的知道,通过使用 new 操作符来调用构造函数创建了一个对象,此构造函数的 this 指向新创建出来的对象,通过 new 操作符调用此构造函数隐式的返回了此对象。
2. 手写new操作符的功能
通过以上分析,我们可以初步的知道,在调用 new 的过程中会发生以下四件事:
- 新生成一个对象 obj{};
- 链接到原型,将 dog 的 _proto 指向 Animal 的 prototype;
- 绑定 this,将 dog 的 this 指向 obj{};
- 执行 Animal 的构造函数;
- 返回新对象。
下面,我们来手动实现一个new操作符的功能:
function New() {
let newObj = {};
let Cons = [].shift.call(arguments);
newObj.__proto__ = Cons.prototype;
Cons.apply(newObj, arguments);
return newObj;
}