javascript - 這不是對(duì)象字面量函數(shù)嗎?為什么要new初始化?
問(wèn)題描述
我記得這個(gè)不是構(gòu)造函數(shù)啊,為什么this、new這些都跟構(gòu)造函數(shù)用法一樣?
問(wèn)題解答
回答1:javascript 中的任何函數(shù)只要用 new 關(guān)鍵字調(diào)用,它都可以被稱作 構(gòu)造函數(shù)。
當(dāng)使用 new 關(guān)鍵字調(diào)用函數(shù)時(shí),函數(shù)內(nèi)部會(huì)隱式地聲明一個(gè)對(duì)象,然后把這個(gè)對(duì)象賦給 this,最后再隱式地返回 this. 使用 new 關(guān)鍵字調(diào)用樓主的 book 方法時(shí),就相當(dāng)于以下過(guò)程。
function Book(id, bookname){ var o = new Object(); o.id = id; o.bookname = bookname; return o;}var b = Book(123,’javascript高級(jí)程序設(shè)計(jì)’);
這里的 o 其實(shí)就是我們平時(shí)看到的 this 對(duì)象。
回答2:javascript 里面沒(méi)有類,也沒(méi)有構(gòu)造函數(shù)。
function Book (){}// Book 是一個(gè)函數(shù)typeof Book'function'// Book 是 FunctionBook instanceof Functiontrue// Book 是 ObjectBook instanceof Objecttrue
使用 new 可以創(chuàng)建對(duì)象
var book = new Book()// book 是一個(gè)對(duì)象typeof book'object'// book 不是 Function 的實(shí)例book instanceof Functionfalse// book 是 Object 的實(shí)例book instanceof Objecttrue// book 是 Book 的實(shí)例book instanceof Booktrue
雖然 js 中沒(méi)有構(gòu)造函數(shù),但是 MDN 文檔中也使用了這個(gè)詞:https://developer.mozilla.org...
當(dāng)代碼 new foo(...) 執(zhí)行時(shí):
一個(gè)新對(duì)象被創(chuàng)建。它繼承自 foo.prototype.
構(gòu)造函數(shù) foo 被執(zhí)行。執(zhí)行的時(shí)候,相應(yīng)的傳參會(huì)被傳入,同時(shí)上下文(this)會(huì)被指定為這個(gè)新實(shí)例。new foo 等同于 new foo(), 只能用在不傳遞任何參數(shù)的情況。
如果構(gòu)造函數(shù)返回了一個(gè)“對(duì)象”,那么這個(gè)對(duì)象會(huì)取代整個(gè)new出來(lái)的結(jié)果。如果構(gòu)造函數(shù)沒(méi)有返回對(duì)象,那么new出來(lái)的結(jié)果為步驟1創(chuàng)建的對(duì)象,ps:一般情況下構(gòu)造函數(shù)不返回任何值,不過(guò)用戶如果想覆蓋這個(gè)返回值,可以自己選擇返回一個(gè)普通對(duì)象來(lái)覆蓋。當(dāng)然,返回?cái)?shù)組也會(huì)覆蓋,因?yàn)閿?shù)組也是對(duì)象。
即使 ES6 增加了類,也只是語(yǔ)法糖:
class Book{}typeof Book'function'回答3:
你理解錯(cuò)了構(gòu)造函數(shù)的概念。
實(shí)際上,js里不應(yīng)該有‘構(gòu)造函數(shù)’這一說(shuō),而應(yīng)該理解為函數(shù)的構(gòu)造方法。意思是,任何函數(shù)都可以拿來(lái)new一個(gè),任何函數(shù)都可以叫做‘構(gòu)造函數(shù)’。你在寫所謂‘構(gòu)造函數(shù)’的時(shí)候,有發(fā)現(xiàn)它和普通函數(shù)有什么區(qū)別嗎,并沒(méi)有吧,他們就是普通函數(shù)。
以上,es6箭頭函數(shù)除外。
回答4:js里面每個(gè)函數(shù)都是相當(dāng)于一個(gè)構(gòu)造函數(shù)(除了真ES6箭頭函數(shù))。哎,神奇的js!
相關(guān)文章:
1. 如何修改phpstudy的phpmyadmin放到其他地方2. java 排序的問(wèn)題3. 我的html頁(yè)面一提交,網(wǎng)頁(yè)便顯示出了我的php代碼,求問(wèn)是什么原因?4. 網(wǎng)絡(luò)傳輸協(xié)議 - 以下三種下載方式有什么不同?如何用python模擬下載器下載?5. angular.js - Angular路由和express路由的組合使用問(wèn)題6. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?7. tp6表單令牌8. 老哥們求助啊9. php - mysql中,作為主鍵的字段,用int類型,是不是比用char類型的效率更高?10. django - 后臺(tái)返回的json數(shù)據(jù)經(jīng)過(guò)Base64加密,獲取時(shí)用python如何解密~!
