JS中的new运算符有何用,怎么手动模拟实现new

Admin 2022-06-18 群英技术资�

这篇文章主要介绍“JS中的new运算符有何用,怎么手动模拟实现new”,有一些人在JS中的new运算符有何用,怎么手动模拟实现new的问题上存在疑惑,接下来小编就给大家来介绍一下相关的内容,希望对大家解答有帮助,有这个方面学习需要的朋友就继续往下看吧�


预备知识�
  • 了解原型和原型链
  • 了解this绑定

1 new 运算符简�

MDN文档�new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例�

class Person {
    constructor(name) {
        this.name = name;
    }
}
// 创建自定义对象类型的实例
const person = new Person('小明')
// 创建具有构造函数的内置对象的实�
const date = new Date()


new的作用:创建对象的实�

2 new 究竟干了什么事

上面说了new的作用是创建对象的实例,那么它究竟是怎么创建实例的,内部干了哪几件事�

以new Person()为例,当它执行时,会发生以下事情�

创建一个空的简单JS对象

const obj = {}


给这个对象添加属�__proto__�并将该属性链接到构造函数的原型对象

obj.__proto__ = Person.prototype


调用构造函�Person,并�this绑定到新创建的对�obj

Person.apply(obj)


如果构造函数没有显式返回一个对象,则返回新创建的对象,�obj

3 模拟实现 new 运算�

如上所述,new运算符就干了这么4件事,下面我们就根据�4个步骤用函数来模拟实�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 补充

ES5提供�Object.create方法,该方法可以创建一个对象,并让新对象的__proto__属性指向已经存在的对象�

所以我们可以使用这个方法合�1�2两步

const obj = Object.create(constructor.prototype)
// 等价�
const obj = {}
obj.__proto__ = constructor.prototype

对于�4步,再解释一�

  • 如果构造函数没有显�return(通常情况)那�person就是新创建的对象obj
  • 如果构造函数返回的不是一个对象,比如1�"abc" 那么person还是新创建的对象obj
function Person() {
    ...
   return 1
}

如果构造函数显式返回了一个对象,比如{}function() {}

那么person就不是新创建的对�obj了,而是显式return的这个对�

function Person() {
  // 函数也是对象
  return function() {}
}

所以我们在_new函数最后一句代码是�

return res instanceof Object ? res : obj


注意�模拟实现的函数_new传入的参数只能是构造函数,不能是类

class Animal {  ...}_new(Animal)// 会报错:Class constructor Animal cannot be invoked without 'new'// 类只能通过new来创�

到此这篇关于“JS中的new运算符有何用,怎么手动模拟实现new”的文章就介绍到这了,更多相关JS中的new运算符有何用,怎么手动模拟实现new内容,欢迎关注群英网络技术资讯频道,小编将为大家输出更多高质量的实用文章�
标签� JS中的new

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�

猜你喜欢

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻�
7X24小时快速响�
一站式无忧技术支�
免费备案服务
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 � 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部