关于new的绑定:
- 在JS中,构造函数只是使用new操作符时被调用的普通函数,他们不属于某个类,也不会实例化一个类。
- 包括内置对象函数(比如String(…))在内的所有函数都可以用new来调用,这种函数调用被称为构造函数调用。
- 实际上并不存在所谓的“构造函数”,只有对于函数的“构造调用”。
使用new来调用函数,或者说发生构造函数调用时,会自动执行下面的操作: - 1、创建(或者说构造)一个新对象。
- 2、这个新对象会被执行[[Prototype]]连接。
- 3、这个新对象会绑定到函数调用的this。
- 4、如果函数没有返回其他对象,那么new表达式中的函数调用会自动返回这个新对象。
这也就是实现new的整个思路过程。
具体代码:
function create() {
// 创建一个空的对象
var obj = new Object(),
// 获得构造函数,arguments中去除第一个参数
Con = [].shift.call(arguments);
// 链接到原型,obj 可以访问到构造函数原型中的属性
obj.__proto__ = Con.prototype;
// 绑定 this 实现继承,obj 可以访问到构造函数中的属性
var ret = Con.apply(obj, arguments);
// 优先返回构造函数返回的对象
return ret instanceof Object ? ret : obj;
};
//使用create代替new
function Person() {...}
// 使用内置函数new
var person = new Person(...)
// 使用手写的new,即create
var person = create(Person, ...)
原理解析:
- 1、用new Object() 的方式新建了一个对象obj
- 2、取出第一个参数,就是我们要传入的构造函数。此外因为 shift 会修改原数组,所以 arguments 会被去除第一个参数
- 3、将 obj 的原型指向构造函数,这样obj就可以访问到构造函数原型中的属性
- 4、使用 apply,改变构造函数 this 的指向到新建的对象,这样 obj 就可以访问到构造函数中的属性
- 5、返回 obj
概括来讲就是:新建一新对象,修改原型链指向构造函数和把构造函数this指向新对象并返回。