JS new操作符的具体干了什么?

简介: JS new操作符的具体干了什么?

1.创建了一个空的对象obj

2.将对象和构造函数通过原型链连接起来

3.将构造函数中的this绑定到新建的对象obj上

4.根据构建函数返回类型作判断,如果是原始值则被忽略,如果是返回对象,需要正常处理

            function Person(name, age) {
                this.name = name;
                this.age = age;
            }
            function mynew(Func, ...args) {
                // 1.创建一个空对象obj
                let obj = {};
                // 2.将对象与构建函数通过原型链连接起来
                obj.__proto__ = Func.prototype;
                // 将构建函数中的this绑定到新建的对象obj上
                let result = Func.call(obj, ...args);
                // 根据构建函数返回类型作为判断,如果是原始值则被忽略,如果是返回对象,需要正常处理。
                return result instanceof Object ? result : obj;
            }
            console.log(mynew(Person, 'zs', 19));

打印结果如下

目录
相关文章
|
7月前
|
JavaScript 前端开发 算法
JavaScript 中算术操作符:全面解读、实战应用与最佳实践
【4月更文挑战第5天】本文探讨JavaScript中的算术操作符,包括加、减、乘、除、求余、自增、自减及复合赋值等,强调理解与熟练运用它们对提升编程效率和代码准确性的重要性。文中通过示例介绍了各种操作符的用法,同时提醒注意数据类型转换、浮点数精度、除以零错误以及利用短路求值优化逻辑等问题。通过学习,读者能更好地掌握算术操作符在不同场景的应用,提升编程技能。
91 1
|
7月前
|
JavaScript 前端开发 安全
javascript中的可选链操作符
javascript中的可选链操作符
|
7月前
|
JavaScript 前端开发 Java
【面试题】new 一个对象时,js 做了什么?
【面试题】new 一个对象时,js 做了什么?
|
3月前
|
JavaScript
ES6学习(9)js中的new实现
ES6学习(9)js中的new实现
|
1月前
|
设计模式 JavaScript 前端开发
js中new和object.creat区别
【10月更文挑战第29天】`new` 关键字和 `Object.create()` 方法在创建对象的方式、原型链继承、属性初始化以及适用场景等方面都存在差异。在实际开发中,需要根据具体的需求和设计模式来选择合适的方法来创建对象。
|
4月前
|
JavaScript 前端开发 开发者
深入解析JavaScript中的比较操作符
【8月更文挑战第20天】
32 0
|
7月前
|
JavaScript 前端开发
探索JavaScript中的New操作符:原理与使用
探索JavaScript中的New操作符:原理与使用
|
7月前
egg.js 24.12sequelize模型-where操作符
egg.js 24.12sequelize模型-where操作符
67 1
egg.js 24.12sequelize模型-where操作符
|
7月前
|
JavaScript 前端开发
javascript中new关键字的本质是什么
javascript中new关键字的本质是什么
|
7月前
|
存储 JavaScript 前端开发
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
202 0
下一篇
DataWorks