JavaScript結(jié)構(gòu)拆分

• Script標簽：

• 在HTML文檔中，JS的開始標簽與結(jié)束標簽相似，一段JS的寫入，需要由<Script>...</Script>包裹，JS代碼可以插入到HTML文檔中的任何位置，當瀏覽器運行時，檢測該標簽時，代碼會自動運行并解析。

• 過時的標簽屬性：

• script標簽同樣具有屬性，與現(xiàn)代script語言相比較，摒棄了或者說是省略了以前的type、language的屬性，在EM5規(guī)范之前，該語言標簽屬性需要在輸入時進行標記，如：<script type="text/javascript" language=...></script>

• 腳本注釋：

  <script type="text/javascript"><!-- ... //--></script>，使用 <!-- ... //--> 進行注釋。

• 引用外部腳本：

  <script src="/your file path/your file.js"></script>，

  這里的you file path可以替換為你自己的文件路徑，也可以引用一個在線的 js 文件，例如：<script src="https:www.xxxx.xx.js"></script>，

  you file替換為你自己的 js 文件。如果存在需要引用多個 js文件，則需要編寫多個引用語法。相對而言，只有最簡單輕量的 js 腳本文件才可以放置在你的HTML文檔中，更復(fù)雜大型的 js 文件，你應(yīng)當單獨建立一個文件夾來存放在里面。這樣當你的頁面加載時，瀏覽器會下載該腳本。然后緩存起來，當其他頁面被激活運行時，也會從緩存中進行調(diào)用，而不是去下載。因此，建立單獨的文件夾，會減少你頁面運行時調(diào)用的時間。當你在語法中標注了 src屬性，同時也在<script></script>標簽內(nèi)部注明了其他語法。則會忽略內(nèi)部結(jié)構(gòu)的語法，而直接調(diào)用src屬性的鏈接文件，因為代碼的執(zhí)行是從上到下進行的。所以會忽略你的結(jié)構(gòu)語法。我們建議你不要同時使用，或者僅使用其中一個。

• 代碼結(jié)構(gòu)：

• 語句：指代是可以執(zhí)行動作響應(yīng)的語法結(jié)構(gòu)和消息命令，例如我們常見的網(wǎng)頁消息彈窗，就是調(diào)用的 alert()方法。我們可以在代碼中編輯任意量的語句，語句之間使用英文符號分號(;)做分割， 例如：alert("hi"); alert("你好")。

• 代碼的編輯我們也建議你一句代碼獨占一行，這樣能夠給我們提供極大的可閱讀性。?

• 注釋：任何代碼的編寫同樣離不開注釋，在javascript 中，單行注釋我們采用雙正斜杠 ( // ) 開頭，來對一行說明進行注釋，多行注釋我們采用一個正斜杠加星號 ( /* ) 開頭，一個星號加正斜杠( */ )結(jié)束，這樣使得語句執(zhí)行時會忽略他們，大多數(shù)編輯器都可以使用 ctrl+/ 進行快捷單行注釋，shift+ctrl+/ 進行多行注釋，對于Mac 用戶，你的鍵盤上ctrl鍵則應(yīng)該是command鍵。

• 嚴格模式：

• 為了能夠更好的向下兼容古老的script 語法(因為古舊的語法單純上是不會被執(zhí)行的)，同時也保證我們現(xiàn)代的script 語句的執(zhí)行，我們需要對代碼加入嚴格模式，在你的代碼頂部，加上 "user strict"即可調(diào)用該模式。該模式不存在取消命令，例如："no user strict"，對于瀏覽器進行測試時，你需要在頂部首行輸入，然后使用Shift+Enter后進行輸入多行語句，或者也可以使用最麻煩的指令函數(shù)

  (function(){ "user strict"; })()，

  當你的代碼中調(diào)用到了class、或者module時，會自動啟用嚴格模式。

今天的分享就到此，關(guān)注我！學(xué)習(xí)更多編程知識。