JavaScript:new操作符

简介: JavaScript:new操作符

一、new操作符的作用

用于创建一个给定构造函数的实例对象

new操作符创建一个用户定义的对象类型的实例 或 具有构造函数的内置对象的实例。


二、new一个构造函数的执行过程

2.1、创建一个空对象obj

2.2、将空对象的原型与构造函数的原型连接起来

2.3、将构造函数中的this绑定到新建对象 / 空对象作为构造函数的上下文 / 改变this指向

2.4、返回该对象 / 对构造函数返回值的处理判断 / 如果该函数没有返回对象,则返回 this

new 通过构造函数创建出来的实例可以访问到构造函数中的属性或方法


三、手写new

3.1、手写new

function myNew(Func,...args){
     const obj = {}
     obj.__proto__=Func.prototype;
     let result = Func.apply(obj,args);
     return result instanceof Object ?result:obj;
 }

3.2、测试myNew

function Singer (name) {
    this.name = name
}
let S1 = myNew(Singer, "费玉清")
console.log(S1)
console.log(S1.__proto__ === Singer.prototype)

3.3、执行

 

四、new的意义,为什么需要new

https://www.cnblogs.com/onepixel/p/5043523.html

new 运算符 - JavaScript | MDN

五、相关内容

JavaScript:构造函数_snow@li的博客-CSDN博客

相关文章
|
7月前
|
JavaScript 前端开发 算法
JavaScript 中算术操作符:全面解读、实战应用与最佳实践
【4月更文挑战第5天】本文探讨JavaScript中的算术操作符,包括加、减、乘、除、求余、自增、自减及复合赋值等,强调理解与熟练运用它们对提升编程效率和代码准确性的重要性。文中通过示例介绍了各种操作符的用法,同时提醒注意数据类型转换、浮点数精度、除以零错误以及利用短路求值优化逻辑等问题。通过学习,读者能更好地掌握算术操作符在不同场景的应用,提升编程技能。
89 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操作符
65 1
egg.js 24.12sequelize模型-where操作符
|
7月前
|
JavaScript 前端开发
javascript中new关键字的本质是什么
javascript中new关键字的本质是什么
|
7月前
|
存储 JavaScript 前端开发
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
202 0