成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

淺述編寫模塊化的 JavaScript

mumumu / 2994人閱讀

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

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

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

1. 無腦式自然編寫 
function a() {
  alert("a")
}

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

a()
b()

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

2. 進階式裝 X 編寫

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

var A = {}
var B = {}

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

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

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

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

3. 稍高層立即執(zhí)行函數(shù)

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

(function() {
  // private code

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

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

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

當(dāng)然，也可以寫一個立即執(zhí)行函數(shù)，然后返回一個對象，讓其他模塊去調(diào)用，比如這樣

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

A.a()

道理和上面的沒有太大的區(qū)別

4. 現(xiàn)有高級通用寫法

未知。。。。

requeryJs...

AMD...

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86173.html

相關(guān)文章

  • 淺述Promise用法（一）

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

    BakerJ 評論0 收藏0

  • 淺述APM采樣與端到端

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

    seasonley 評論0 收藏0

  • 前端每周清單半年盤點之 JavaScript 篇

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

    Vixb 評論0 收藏0

  • 基于Python+Django的Kubernetes集群管理平臺

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

    animabear 評論0 收藏0

  • JavaScript 編程精解 中文第三版 十、模塊

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

    justjavac 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<