举一个简单例子
// 构造函数
function WhatNew(name) {
this.name = name
}
let news = new WhatNew('小韭菜');
通过构造函数创建的对象,原理是原型链的存在,每个构造函数都有一个prototype属性(函数特有属性),它指向构造函数的原型对象(WhatNew.prototype),而__proto__是每个对象都包含的一个方法,它是实例的方法,也是指向原型对象。
如果将两者赋值相等,那么就可以共享原型对象的属性和方法,如下
WhatNew.prototype === news.__proto__ //true
对象的继承是通过原型链,而原型链就是通过__proto__一层一层的往上找而形成的链式结构,直到最后找到null。
那么new的过程发生了什么?
1、new先创建了一个空对象
var news = new Object()
2、我们将这个空对象的__proto__属性指向whatnew构造函数的prototype属性,使两者都有共同的原型对象whatnew.prototype,因此空对象可以访问whatnew函数
new.__proto__ = whatnew.prototype
3、修改whatnew的this到object上面,call/apply,并把参数传入
4、最后把object返回给mynew就可以了
实现一个new方法
function Mynew(fun, ...arg) {
let obj = {
__proto__: fun.prototype
}
fun.apply(obj, arg)
return obj
}
function person(age, name) {
this.age = age
this.name = name
}
let mynew = Mynew(person, 18, '小韭菜')