JavaScript 如何实现一个 new
要手动实现一个 new 操作符,首先要知道 new 操作符都做了什么事,即构造函数的内部原理:
- 创建一个新对象;
- 链接到原型(将构造函数的 prototype 赋值给新对象的 proto );
- 绑定 this(构造函数中的 this 指向新对象并且调用构造函数)
- 返回新对象
function newFn(fn) {
// 创建一个新对象,并将这个对象的__proto__指向构造函数的 prototype
var obj = {
__proto__: fn.prototype
};
// 将构造函数的 this 指向这个新对象
var res = fn.apply(obj, Array.prototype.slice.call(arguments, 1));
// 判断构造函数是否有返回值
if ((typeof res === "object" || typeof res === "function") && res !== null) {
return res ;
}
// 返回这个新对象
return obj;
}
function Person(name, age) {
this.name = name;
this.age = age;
}
var p = newFn(Person, 'cao', 22);
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论