首頁 > web前端 > js教程 > JavaScript 模組化簡述

JavaScript 模組化簡述

阿神
發布: 2017-02-03 17:48:01
原創
1277 人瀏覽過

前言

關於模組化,最直接的表現就是我們寫的require 和import 關鍵字,如果查閱相關資料,就一定會遇到CommonJS 、C AMD AMD),以及ReMD等陌生框架。例如SeaJS 的官網這樣描述自己: 「簡單友善的模組定義規範,Sea.js 遵循CMD 規範。自然直覺的程式碼組織方式,依賴的自動載入…」

作為前端新手,我表示實在是一臉懵逼,理解不能。按照我一貫的風格,介紹一個東西之前總得解釋為什麼需要這個東西。


JavaScript 基礎

做客戶端的同學對 OC 的 #import "classname"、Swift 的 Modpackule 的檔案不會修飾符。我們習慣了引用一個檔案就是引用一個類別的模式。然而在JavaScript 這種動態語言中,事情又有一些變化,舉個例子說明:

<html>
  <head>
    <script type="text/javascript" src="index.js"></script>
  </head>

  <body>
    <p id="hello"> Hello Wrold </p>
    <input type="button" onclick="onPress()" value="Click me" />
  </body>
 </html>
登入後複製
// index.js
function onPress() {
    var p = document.getElementById(&#39;hello&#39;);
    p.innerHTML = &#39;Hello bestswifter&#39;;
}
登入後複製

HTML 中的

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板