前言
關於模組化,最直接的表現就是我們寫的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('hello'); p.innerHTML = 'Hello bestswifter'; }
HTML 中的