談談JavaScript中function多重理解_javascript技巧

由于語言設計者的妥協，在 JavaScript 加入了一些 class 相關的特性，以使 JavaScript 看起來確實象 Java，可以 “面向對象”。雖然 JavaScript 添加了 new 和 this， 但卻沒有 class （ES已加）。最后 function 臨時擔負起 class 的任務。

語義1：作為構造器的 function

這里定義了一個類 Tab，創建了一個對象 tab。以上使用了 function ，this, new。this, new 是常見的面向對象語言中的關鍵字， 這里的 function 則擔負傳統面向對象語言中的 class 作用。當然這時候標識符的命名一般遵循 “首字母大寫” 規則。

語義2：作為對象方法的 function

由于 JavaScript 中無需類也可以直接創建對象，因此有兩種方式給對象添加方法。第一種先定義類，方法掛在原型上，如上例的 Tab，原型上有 getNav、setNav 和 add 方法。以下還有一種，直接在 function 內的 this 上添加方法。

這里 Tab 是語義， this.getNav/this.setNav/this.add 是語義，作為對象的方法。 另外，可以直接定義對象及其方法

tab.getNav/tab.setNav/tab.add 是語義，作為對象 tab 的方法。

語義3：作為獨立的函數

isEmpty 作為一個全局函數存在，模塊定義里面的 now 則作為局部函數存在，無論 isEmpty 還是 now 這里的 function 都指函數，它不依賴與對象和類，可以獨立被調用。

語義4：匿名函數定義模塊

這里的匿名函數執行后把API對象暴露給了RUI，無論匿名函數內干了多少活，對應匿名函數外是看不到的，也是沒有必要去理會的。最終關心的是公開的 API 方法，只要了解這些方法的參數及意義就可以馬上使用它了。

語義5：匿名函數處理某些特殊效果如處理一些數據又不想暴露過多的變量

最終只要一個結果 IEVersion，匿名函數內部用到了一些局部變量全部可以隔離開。這種方式對于一些臨時性的數據加工非常有效，緊湊。

總結：

JavaScript 是 Eich 花 天的時間設計出來的，本是一個短小緊湊的腳本/函數式語言，因為市場營銷的原因，為了迎合 Java，加入了一些類 Java 的面向對象特性（constructor, this, new）。 this，new 照搬過來， class 的功能卻交給了 function 來承擔。導致 JavaScript function 讓人迷惑，一會用來定義類，一會又作為方法或函數。另外一部分人還挖掘出它可以用來定義模塊等等。

這一切隨著 ES 的到來結束了，ES 中的保留字 “class” 終于被實現了，定義類一律推薦使用 class。另外還有 extend 關鍵字，基本把 “類式繼承” 都搞過來了。 Douglas 在 Nordic.js 大會上點評到 ES 最糟糕的設計之一就是 class，另外也不建議使用 this 和 new，這表明他依然贊成使用函數式語言方式去寫 JavaScript，而不是基于類的面向對象式。

以上內容是我個人對JavaScript中function的多重理解，有不同理解的朋友，歡迎分享，共同學習進步。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com