-
客服电话
-
APP下载
迪恩网络APP
随时随地掌握行业动态
-
官方微信
扫描二维码
关注迪恩网络微信公众号
客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
⚠ 预备知识：
1 new 运算符简介MDN文档：
class Person {
constructor(name) {
this.name = name;
}
}
// 创建自定义对象类型的实例
const person = new Person('小明')
// 创建具有构造函数的内置对象的实例
const date = new Date()
new的作用：创建对象的实例 2 new 究竟干了什么事上面说了 以new Person()为例，当它执行时，会发生以下事情： 创建一个空的简单JS对象
const obj = {}
给这个对象添加属性 obj.__proto__ = Person.prototype 调用构造函数 Person.apply(obj) 如果构造函数没有显式返回一个对象，则返回新创建的对象，即 3 模拟实现 new 运算符如上所述，
const _new = function(constructor, ...args) {
const obj = {}
obj.__proto__ = constructor.prototype
const res = constructor.apply(obj, args)
// 这一步在"补充"中会详细解释
return res instanceof Object ? res : obj
}
代码非常简单，就是按照上面4步，一步一步写就可以了 4 补充
所以我们可以使用这个方法合并1、2两步
const obj = Object.create(constructor.prototype)
// 等价于
const obj = {}
obj.__proto__ = constructor.prototype
对于第4步，再解释一下
function Person() {
...
return 1
}
如果构造函数显式返回了一个对象，比如 那么
function Person() {
// 函数也是对象
return function() {}
}
所以我们在_new函数最后一句代码是： return res instanceof Object ? res : obj
class Animal { ...}_new(Animal)// 会报错：Class constructor Animal cannot be invoked without 'new'// 类只能通过new来创建
到此这篇关于手写实现JS中的new的文章就介绍到这了,更多相关JS中的new内容请搜索极客世界以前的文章或继续浏览下面的相关文章希望大家以后多多支持极客世界！ |
请发表评论