JavaScript 簡介

讓我們來看看 JavaScript 有什么特別之處，我們可以用它實現(xiàn)什么，以及哪些其他技術可以與其搭配產生奇妙的效果。

什么是 JavaScript？

JavaScript 最初被創(chuàng)建的目的是“使網頁更生動”。

這種編程語言寫出來的程序被稱為 腳本。它們可以被直接寫在網頁的 HTML 中，在頁面加載的時候自動執(zhí)行。

腳本被以純文本的形式提供和執(zhí)行。它們不需要特殊的準備或編譯即可運行。

這方面，JavaScript 和 Java 有很大的區(qū)別。

為什么叫 JavaScript？
JavaScript 在剛誕生的時候，它的名字叫 “LiveScript”。但是因為當時 Java 很流行，所以決定將一種新語言定位為 Java 的“弟弟”會有助于它的流行。
隨著 JavaScript 的發(fā)展，它已經成為了一門完全獨立的語言，并且也擁有了自己的語言規(guī)范 ECMAScript。現(xiàn)在，它和 Java 之間沒有任何關系。

如今，JavaScript 不僅可以在瀏覽器中執(zhí)行，也可以在服務端執(zhí)行，甚至可以在任意搭載了 JavaScript 引擎 的設備中執(zhí)行。

瀏覽器中嵌入了 JavaScript 引擎，有時也稱作“JavaScript 虛擬機”。

不同的引擎有不同的“代號”，例如：

• V8 —— Chrome、Opera 和 Edge 中的 JavaScript 引擎。
• SpiderMonkey —— Firefox 中的 JavaScript 引擎。
• ……還有其他一些代號，像 “Chakra” 用于 IE，“JavaScriptCore”、“Nitro” 和 “SquirrelFish” 用于 Safari，等等。

上面這些術語很容易記住，因為它們經常出現(xiàn)在開發(fā)者的文章中。我們也會用到這些術語。例如，如果“V8 支持某個功能”，那么我們可以認為這個功能大概能在 Chrome、Opera 和 Edge 中正常運行。

引擎是如何工作的？
引擎很復雜，但是基本原理很簡單。

1. 引擎（如果是瀏覽器，則引擎被嵌入在其中）讀取（“解析”）腳本。
2. 然后，引擎將腳本轉化（“編譯”）為機器語言。
3. 然后，機器代碼快速地執(zhí)行。

引擎會對流程中的每個階段都進行優(yōu)化。它甚至可以在編譯的腳本運行時監(jiān)視它，分析流經該腳本的數(shù)據(jù)，并根據(jù)獲得的信息進一步優(yōu)化機器代碼。

瀏覽器中的 JavaScript 能做什么？

現(xiàn)代的 JavaScript 是一種“安全的”編程語言。它不提供對內存或 CPU 的底層訪問，因為它最初是為瀏覽器創(chuàng)建的，不需要這些功能。

JavaScript 的能力很大程度上取決于它運行的環(huán)境。例如，Node.js 支持允許 JavaScript 讀取/寫入任意文件，執(zhí)行網絡請求等的函數(shù)。

瀏覽器中的 JavaScript 可以做與網頁操作、用戶交互和 Web 服務器相關的所有事情。

例如，瀏覽器中的 JavaScript 可以做下面這些事：

• 在網頁中添加新的 HTML，修改網頁已有內容和網頁的樣式。
• 響應用戶的行為，響應鼠標的點擊，指針的移動，按鍵的按動。
• 向遠程服務器發(fā)送網絡請求，下載和上傳文件（所謂的 AJAX 和 COMET 技術）。
• 獲取或設置 cookie，向訪問者提出問題或發(fā)送消息。
• 記住客戶端的數(shù)據(jù)（“本地存儲”）。

瀏覽器中的 JavaScript 不能做什么？

為了用戶的（信息）安全，在瀏覽器中的 JavaScript 的能力是受限的。目的是防止惡意網頁獲取用戶私人信息或損害用戶數(shù)據(jù)。

此類限制的例子包括：

• 網頁中的 JavaScript 不能讀、寫、復制和執(zhí)行硬盤上的任意文件。它沒有直接訪問操作系統(tǒng)的功能。現(xiàn)代瀏覽器允許 JavaScript 做一些文件相關的操作，但是這個操作是受到限制的。僅當用戶做出特定的行為，JavaScript 才能操作這個文件。例如，用戶把文件“拖放”到瀏覽器中，或者通過 ?<input>? 標簽選擇了文件。有很多與相機/麥克風和其它設備進行交互的方式，但是這些都需要獲得用戶的明確許可。因此，啟用了 JavaScript 的網頁應該不會偷偷地啟動網絡攝像頭觀察你，并把你的信息發(fā)送到 美國國家安全局。
• 不同的標簽頁/窗口之間通?；ゲ涣私狻Ｓ袝r候，也會有一些聯(lián)系，例如一個標簽頁通過 JavaScript 打開的另外一個標簽頁。但即使在這種情況下，如果兩個標簽頁打開的不是同一個網站（域名、協(xié)議或者端口任一不相同的網站），它們都不能相互通信。這就是所謂的“同源策略”。為了解決“同源策略”問題，兩個標簽頁必須 都 包含一些處理這個問題的特定的 JavaScript 代碼，并均允許數(shù)據(jù)交換。本教程會講到這部分相關的知識。這個限制也是為了用戶的信息安全。例如，用戶打開的 ?http://anysite.com? 網頁必須不能訪問 ?http://gmail.com?（另外一個標簽頁打開的網頁）也不能從那里竊取信息。
• JavaScript 可以輕松地通過互聯(lián)網與當前頁面所在的服務器進行通信。但是從其他網站/域的服務器中接收數(shù)據(jù)的能力被削弱了。盡管可以，但是需要來自遠程服務器的明確協(xié)議（在 HTTP header 中）。這也是為了用戶的信息安全。

如果在瀏覽器環(huán)境外（例如在服務器上）使用 JavaScript，則不存在此類限制?，F(xiàn)代瀏覽器還允許安裝可能會要求擴展權限的插件/擴展。

是什么使得 JavaScript 與眾不同？

至少有 3 件事值得一提：

• 與 HTML/CSS 完全集成。
• 簡單的事，簡單地完成。
• 被所有的主流瀏覽器支持，并且默認開啟。

JavaScript 是將這三件事結合在一起的唯一的瀏覽器技術。

這就是為什么 JavaScript 與眾不同。這也是為什么它是用于創(chuàng)建瀏覽器界面的使用最廣泛的工具。

此外，JavaScript 還可用于創(chuàng)建服務器和移動端應用程序等。

JavaScript “上層”語言

不同的人想要不同的功能。JavaScript 的語法也不能滿足所有人的需求。

這是正常的，因為每個人的項目和需求都不一樣。

因此，最近出現(xiàn)了許多新語言，這些語言在瀏覽器中執(zhí)行之前，都會被 編譯（轉化）成 JavaScript。

現(xiàn)代化的工具使得編譯速度非?？烨彝该鳎瑢嶋H上允許開發(fā)者使用另一種語言編寫代碼并會將其“自動轉換”為 JavaScript。

此類語言的示例有：

• CoffeeScript 是 JavaScript 的一種語法糖。它引入了更加簡短的語法，使我們可以編寫更清晰簡潔的代碼。通常，Ruby 開發(fā)者喜歡它。
• TypeScript 專注于添加“嚴格的數(shù)據(jù)類型”以簡化開發(fā)，以更好地支持復雜系統(tǒng)的開發(fā)。由微軟開發(fā)。
• Flow 也添加了數(shù)據(jù)類型，但是以一種不同的方式。由 Facebook 開發(fā)。
• Dart 是一門獨立的語言。它擁有自己的引擎，該引擎可以在非瀏覽器環(huán)境中運行（例如手機應用），它也可以被編譯成 JavaScript。由 Google 開發(fā)。
• Brython 是一個 Python 到 JavaScript 的轉譯器，讓我們可以在不使用 JavaScript 的情況下，以純 Python 編寫應用程序。
• Kotlin 是一個現(xiàn)代、簡潔且安全的編程語言，編寫出的應用程序可以在瀏覽器和 Node 環(huán)境中運行。

這樣的語言還有很多。當然，即使我們在使用此類編譯語言，我們也需要了解 JavaScript。因為了解 JavaScript 才能讓我們真正明白我們在做什么。

Mock 工具

一個好用的開源接口 Mock 工具：https://github.com/eolinker/eoapi

除了 Mock 功能，還集合了 API 管理和測試功能，還可以通過插件廣場幫助你將 API 發(fā)布到各個應用平臺，比如發(fā)布到網關上完成 API 上線，或者和低代碼平臺結合，將 API 快速變成低代碼平臺中可使用的組件等。

總結

• JavaScript 最開始是專門為瀏覽器設計的一門語言，但是現(xiàn)在也被用于很多其他的環(huán)境。
• JavaScript 作為被應用最廣泛的瀏覽器語言，且與 HTML/CSS 完全集成，具有獨特的地位。
• 有很多其他的語言可以被“編譯”成 JavaScript，這些語言還提供了更多的功能。建議最好了解一下這些語言，至少在掌握了 JavaScript 之后大致的了解一下。