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博客

相关文章
|
2月前
|
JavaScript 前端开发 安全
javascript中的可选链操作符
javascript中的可选链操作符
|
4月前
|
JavaScript 前端开发 Java
【面试题】new 一个对象时,js 做了什么?
【面试题】new 一个对象时,js 做了什么?
|
2月前
egg.js 24.12sequelize模型-where操作符
egg.js 24.12sequelize模型-where操作符
26 1
egg.js 24.12sequelize模型-where操作符
|
4月前
|
存储 JavaScript 前端开发
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
JavaScript 自定义对象 及 new()原理与实现 如何完整地手写实现new
69 0
|
4月前
|
JavaScript 前端开发
js中new关键字的作用,new一个对象的过程中发生了什么
js中new关键字的作用,new一个对象的过程中发生了什么
|
5月前
|
JavaScript 前端开发 API
(简单详细)javascript中new url()属性,轻松解析url地址
(简单详细)javascript中new url()属性,轻松解析url地址
163 0
|
5月前
|
JavaScript 前端开发
js中new关键字的作用
js中new关键字的作用
26 0
|
5月前
|
JavaScript 前端开发
JS中new关键词具体起到了什么作用
JS中new关键词具体起到了什么作用
21 0
|
5月前
|
JavaScript 前端开发 Java
JavaScript难点:原型、原型链、继承、new、prototype和constructor
JavaScript 不像 Java、C++ 这种纯面向对象的语言,可以通过类实现继承,JavaScript中的继承是通过原型实现的,即使 ES6 中新增的 class 类也只是原型的语法糖而已
50 4
|
5月前
|
人工智能 JavaScript
js正则表达式new RegExp(表达式, “gi“)不区分大小写、忽略大小写匹配替换字符
js正则表达式new RegExp(表达式, “gi“)不区分大小写、忽略大小写匹配替换字符