在js中我們經(jīng)常會(huì)使用到new關(guān)鍵字，那我們?cè)谑褂胣ew關(guān)鍵字的時(shí)候，new到底做了什么呢？今天我們就來(lái)深入探究一下

1.初步使用

我們先來(lái)使用一下，這是一個(gè)正常操作

    function Person() {this.name = "John";}let person = new Person();console.log(person.name); // John

new關(guān)鍵字主要做了這幾件事情：

????1.創(chuàng)建一個(gè)新對(duì)象

? ? 2.將構(gòu)造函數(shù)的作用域賦值給新對(duì)象（this指向新對(duì)象）

? ? 3.執(zhí)行構(gòu)造函數(shù)中的代碼

? ? 4.返回新對(duì)象

2.不使用new

那我們不使用new關(guān)鍵字，又會(huì)發(fā)生什么？

    function Person1() {this.name = "John1";}let p1 = Person1();console.log(p1); //undefinedconsole.log(name); //name  this指向window，所以輸出John1

?3.構(gòu)造函數(shù)有return

    function Person2() {this.name = "mike";return { age: 18 };}let p2 = new Person2();console.log(p2); //{age: 18}console.log(p2.name); //undefined

如果構(gòu)造函數(shù)返回一個(gè)對(duì)象,new命令會(huì)直接返回這個(gè)return的對(duì)象

如果return的不是一個(gè)對(duì)象，那還是回按照new的實(shí)現(xiàn)步驟，返回實(shí)例對(duì)象

?4.手動(dòng)實(shí)現(xiàn)new關(guān)鍵字

    function _new(fn, ...args) {if (typeof fn !== "function") {throw "fn must be a function";}// 創(chuàng)建一個(gè)對(duì)象，其對(duì)象的原型，指向構(gòu)造函數(shù)的原型對(duì)象let obj = Object.create(fn.prototype);let res = fn.apply(obj, ...args);return res instanceof Object ? res : obj// 構(gòu)造函數(shù)本身如果返回的是對(duì)象的話，則 返回的就是此對(duì)象// 如果返回值不是對(duì)象的話，則 返回對(duì)應(yīng)的objreturn isObject || isFunction ? res : obj;}function Ele() {this.name = "Ele";}let e = _new(Ele)console.log(e.name); // Ele

如果你覺(jué)得本文對(duì)你有所幫助，歡迎評(píng)論，點(diǎn)贊與關(guān)注，一起卷~