寫在前面：

new關(guān)鍵字在實(shí)例化獲取對(duì)象時(shí)都做了什么？是一道經(jīng)常出現(xiàn)在前端面試時(shí)的問題。如果只是簡(jiǎn)單的了解new關(guān)鍵字是實(shí)例化構(gòu)造函數(shù)獲取對(duì)象，是萬萬不能夠的。更深入的層級(jí)發(fā)生了什么呢？同時(shí)面試官想從這道題里面考察什么呢？下面為各位小伙伴一一來解密。

另外，文末有給部分伙伴總結(jié)了一些入門的視頻教程，一些伙伴，之前留言要的，你們自己來認(rèn)領(lǐng)哈！需要更有難度的伙伴，可以再留言！

一、new關(guān)鍵字

new關(guān)鍵字的作用：通過new關(guān)鍵字實(shí)例化構(gòu)造函數(shù)，獲取對(duì)象。說一千道一萬，不如來段代碼看一看

// 定義構(gòu)造函數(shù)function Person (name, age) {this.name = namethis.age = agethis.say = function () {console.log(`my name is ${this.name}, my age is ${this.age}`)}}// 構(gòu)造函數(shù)的原型屬性和方法定義Person.prototype.color = 'yellow'Person.prototype.sayBye = function () {console.log('Bye!')}// 實(shí)例化let p = new Person(cc', 18)console.log(p)// 當(dāng)前屬性console.log(p.name)// 當(dāng)前方法p.say()console.log(p.color)// 原型方法p.sayBye()

二、偽代碼演示過程

通過new關(guān)鍵字實(shí)例化的對(duì)象p，具備了構(gòu)造函數(shù)Person中this的屬性：name、age，也具備了構(gòu)造函數(shù)Person的原型prototype的屬性color和方法sayBye。下面我們來通過偽代碼來看看具體的實(shí)現(xiàn)過程。

初始化新對(duì)象var o = {}

原型的執(zhí)行，確定對(duì)象o的原型鏈o.__proto__ = Person.prototype

綁定this對(duì)象為o，傳入?yún)?shù)；執(zhí)行Person構(gòu)造函數(shù)，進(jìn)行屬性和方法的賦值操作Person.call(o, 'cc', 18)

返回結(jié)果注意：在通過該種方式獲取對(duì)象時(shí)，最終不一定返回的是對(duì)象o，要看構(gòu)造函數(shù)的返回值是什么。如果函數(shù)返回的是基本類型值，實(shí)際會(huì)生成一個(gè)對(duì)象，返回o 如果是函數(shù)返回的是引用類型值，則實(shí)際返回的是該引用類型值

給大家總結(jié)的一些：Web前端小白入門必看預(yù)習(xí)視頻https://pan.baidu.com/s/1p_nQb8GBwQ_N_6CqoocEWQ 提取碼：fv71

最后：伙伴們有不清楚的地方可以留言。更多的前端相關(guān)教程也會(huì)繼續(xù)為大家更新！

想獲取更多的熱門視頻學(xué)習(xí)教程：python，人工智能，Java等，可以回復(fù)**學(xué)科，即可領(lǐng)取！

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的new 实例化对象是啥意思_前端经典面试题解密：JS的new关键字都干了什么？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。