淺述編寫模塊化的 JavaScript

mumumu 發布于2019-08-21 10:46 / 2986人閱讀

摘要：模塊化，就是字面意思的模塊化。比如模塊化一個表單驗證，模塊化一個輪播圖等。但是這樣的編寫還存在一個問題，對象中的函數或者屬性對外部是可見的，并且是可修改的。

模塊化，就是字面意思的模塊化。比如模塊化一個表單驗證，模塊化一個輪播圖等。

在平常 JavaScript 代碼的編寫中，我們一般是保持著這樣一個順序。

1. 無腦式自然編寫

function a() {
  alert("a")
}

function b() {
  alert("b")
}

a()
b()

這樣的寫法在每個人的學習初級階段都是存在的，當代碼量比較少的時候顯然是沒有什么問題的。但是當工程量比較大的時候，就會出現一些列的不可控，因為這里出現的變量都是全局變量，處處埋藏著炸彈。

2. 進階式裝 X 編寫

在寫了稍微多的代碼后只要是個正常的人都會意識到這個問題，然后可能就會出現下面的寫法。

var A = {}
var B = {}

A.a = function() {
  //do
}
A.b = function() {
  //do
}

B.a = function() {
  //do
}
B.b = function() {
  //do
}

在這樣子的編寫中，我們首先創建了不同的對象，然后在各自的對象里面聲明名字是同樣的函數 a 和 b，所以不會產生沖突。相比較第一種寫法，顯然在沖突這件事情上會好很多很多。

但是這樣的編寫還存在一個問題，對象中的函數或者屬性對外部是可見的，并且是可修改的。外部不經意或者故意的修改就會讓原本的功能癱瘓，顯然這樣是存在一定的安全隱患的。

3. 稍高層立即執行函數

這個時候可能是多多少少用過一些 jQuery 庫之類的東西，可能就會這樣

(function() {
  // private code

  var a = function() {
     
  }
  
  window.a = a;
})();

這樣寫的話可以有私立的 private 類型變量，然后將局部的函數提升到 windows 下面，可以讓其他地方使用。

據說 jQuery 就是使用這種寫法讓 windows 有了 $ 這個方法。

當然，也可以寫一個立即執行函數，然后返回一個對象，讓其他模塊去調用，比如這樣

var A = (function(){
  //private code
  
  var a = function() {
    //do
  }
  
  return {a: a}
})()

A.a()

道理和上面的沒有太大的區別

4. 現有高級通用寫法

未知。。。。

requeryJs...

AMD...

原文鏈接：http://life.rccoder.net/webpre/1157.html

GPU云服務器云服務器編寫可維護的javascript 如何編寫高性能的javascript 編寫腳本模塊 linux下模塊編寫

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86173.html

淺述Promise用法（一）

摘要：概述是異步編程的一種解決方案，很好的解決了傳統異步編程中的回調地獄問題。語法中闡述，有三種狀態，分別是進行中已完成已失敗。方法使用要使用方法我們首先要創建實例，也就是說我們要一個對象。 1. Promise概述 promise是異步編程的一種解決方案，很好的解決了傳統異步編程中的回調地獄問題。同時我們可以把promise可以理解為一個容器，這個容器里面存放著一些未來才會結束的事件（通常...

BakerJ 2019-08-22 15:33 評論0 收藏0
淺述APM采樣與端到端

摘要：主題大綱淺述采樣與端到端何為何為端到端何為采樣的做法與弊端嘉賓介紹高馳濤，官方開發組成員，作者，云智慧高級架構師。極牛技術實踐分享活動極牛技術實踐分享系列活動是極牛聯合頂級VC、技術專家，為企業、技術人提供的一種系統的線上技術分享活動。每期不同的技術主題，和行業專家深度探討，專注解決技術實踐難點，推動技術創新，每兩周的周三20點正式開課。歡迎各個機構、企業、行業專家、技術人...

seasonley 2019-08-14 15:04 評論0 收藏0
前端每周清單半年盤點之 JavaScript 篇

摘要：前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點分為新聞熱點開發教程工程實踐深度閱讀開源項目巔峰人生等欄目。背后的故事本文是對于年之間世界發生的大事件的詳細介紹，闡述了從提出到角力到流產的前世今生。前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎...

Vixb 2019-08-21 12:04 評論0 收藏0
基于Python+Django的Kubernetes集群管理平臺

摘要：淺述集群日常管理維護中的一些痛點較為龐大的集群規模及容器數量維護管理。同時為了便于分類管理，避免端口沖突和資源合理利用。測試環境維護管理問題。測試版是基于與的運維管理系統。原文出自【聽云技術博客】：http://blog.tingyun.com/web/a...時至今日，接觸kubernetes也有一段時間了，而我們的大部分業務也已經穩定地運行在不同規模的kubernetes集群上，...

animabear 2019-07-25 11:08 評論0 收藏0
JavaScript 編程精解中文第三版十、模塊

摘要：來源編程精解中文第三版翻譯項目原文譯者飛龍協議自豪地采用谷歌翻譯編寫易于刪除，而不是易于擴展的代碼。模塊之間的關系稱為依賴關系。用于連接模塊的最廣泛的方法稱為模塊。模塊的主要概念是稱為的函數。來源：ApacheCN『JavaScript 編程精解中文第三版』翻譯項目原文：Modules 譯者：飛龍協議：CC BY-NC-SA 4.0 自豪地采用谷歌翻譯編寫易于刪除，而不是易于擴...

justjavac 2019-08-23 18:18 評論0 收藏0