JS:new操作符的实现原理(*****五颗星)

1.new操作符的执行过程:

  1. 首先创建了一个新的空对象
  2. 设置原型,将对象的原型设置为函数的 prototype 对象。
  3. 让函数的 this 指向这个对象,执行构造函数的代码(为这个新对象添加属性)
  4. 判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象。

2.具体实现:

实现写法1:

<script>
        function fNew() {
            let obj = null
            // Array.prototype.shift从数组中删除第一个元素,并返回该元素的值
            let constructor = Array.prototype.shift.call(arguments)
            let res = null
            // 1.判断参数是否是一个函数
            if (typeof constructor !== "function") {
                console.log("type error")
                return
            }
            //Object.create(proto),创建一个新对象,使用现有的对象来作为新创建对象的原型(prototype)。
            //proto:新创建对象的原型对象
            // 2.新建一个空对象,对象的原型为构造函数的 prototype 对象
            obj = Object.create(constructor.prototype)
            // constructor的this指向obj,arguments参数传给constructor
            // 3.将 this 指向新建对象,并执行函数,并

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论

相关推荐

03-26 13:04
已编辑
电子科技大学 算法工程师
xiaowl:你这个简历“条目上”都比较有深度性,但是实际上面试官又没法很好的评估你是怎么达到很多看上去很厉害的结果的。要避免一些看上去很厉害的包装,比如高效的内存复用策略的表达,如果仅是简单的一些内存共享机制,而且面试上也没有深挖的空间,就不要这样表达。比如,工程化模式本质上可能就是定义了一些abstract class,那也就没特别多值得讲的内容。建议简历上应该侧重那些你花了大量时间和精力解决、研究的问题,不要过分追求“丰富”,而是关注在技术深入度、问题解决能力的表现上。
没有实习经历,还有机会进...
点赞 评论 收藏
分享
评论
2
3
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务