英文教程 | https://www.javascripttutorial.net/

翻譯 | web前端開發(fā)（ID：web_qdkf）

本系列JavaScript 教程可幫助你快速有效地從頭開始學習 JavaScript 編程語言。如果你…

• 不確定從哪里開始學習 JavaScript。
• 對其他人的復制粘貼 JavaScript 代碼感到沮喪，而沒有真正理解它。
• 無法使用 JavaScript 向你的網(wǎng)站和 Web 應用程序添加更豐富、更引人注目的功能，因為您不知道如何從該語言中獲得更多收益。

此系列教程會是一個很好的起點。

現(xiàn)在，我們就開始今天的學習吧。

1、什么是JavaScript

JavaScript 是一種編程語言，最初設計用于與網(wǎng)頁元素進行交互。在 Web 瀏覽器中，JavaScript 由三個主要部分組成：

• ECMAScript 提供了核心功能。
• 文檔對象模型（DOM）接口，用于與網(wǎng)頁上的元素進行交互。
• 該瀏覽器對象模型（BOM）提供了與網(wǎng)絡瀏覽器交互的瀏覽器webAPI。

JavaScript 允許你向網(wǎng)頁添加交互性。JavaScript 通常與 HTML 和 CSS 一起使用來增強網(wǎng)頁的功能，例如驗證表單、創(chuàng)建交互式地圖和顯示動畫圖表。

當加載網(wǎng)頁時，即在下載 HTML 和 CSS 之后，Web 瀏覽器中的 JavaScript 引擎執(zhí)行 JavaScript 代碼。JavaScript 代碼然后修改 HTML 和 CSS 以動態(tài)更新用戶界面。

JavaScript 引擎是一個執(zhí)行 JavaScript 代碼的程序。一開始，JavaScript 引擎被實現(xiàn)為解釋器。然而，現(xiàn)代 JavaScript 引擎通常被實現(xiàn)為即時編譯器，將 JavaScript 代碼編譯為字節(jié)碼以提高性能。

2、客戶端與服務器端 JavaScript

當在網(wǎng)頁上使用 JavaScript 時，它會在用戶的網(wǎng)絡瀏覽器中執(zhí)行。在這種情況下，JavaScript 作為客戶端語言工作。

JavaScript 可以在 Web 瀏覽器和服務器上運行?，F(xiàn)在比較流行的 JavaScript 服務器端環(huán)境是 Node.js。與客戶端 JavaScript 不同，在服務器端 JavaScript 允許你訪問數(shù)據(jù)庫、文件系統(tǒng)等的服務器上執(zhí)行。

3、JavaScript 歷史

1995 年，JavaScript 由名為Brendan Eich的 Netscape 開發(fā)人員創(chuàng)建。首先，它被稱為摩卡。后來，它更名為 LiveScript。

Netscape 決定將 LiveScript 更改為 JavaScript，以利用當時流行的 Java 的名氣。該決定是在 Netscape 發(fā)布其名為 Netscape Navigator 2 的 Web 瀏覽器產(chǎn)品之前做出的。因此，JavaScript 進入了 1.0 版。

Netscape 在 Netscape Navigator 3 中發(fā)布了 JavaScript 1.1。與此同時，Microsoft 推出了一款名為Internet Explorer 3 (IE 3)的 Web 瀏覽器產(chǎn)品，與 Netscape 競爭。

但是，IE 附帶了稱為JScript 的JavaScript 實現(xiàn)。Microsoft 使用名稱 JScript 來避免 Netscape 可能出現(xiàn)的許可問題。

結果，市場上出現(xiàn)了兩種不同的 JavaScript 版本：Netscape Navigator 中的 JavaScript 和 Internet Explorer 中的 JScript。JavaScript 沒有管理其語法和功能的標準。社區(qū)決定是時候對語言進行標準化了。

1997 年，JavaScript 1.1 作為提案提交給歐洲計算機制造商協(xié)會(ECMA)。技術委員會 #39 (TC39) 被指派對該語言進行標準化，使其成為通用、跨平臺和供應商中立的腳本語言。TC39 提出了 ECMA-262，這是一種定義名為 ECMAScript（通常發(fā)音為 Ek-ma-script）的新腳本語言的標準。

之后，國際標準化組織和國際電工委員會（ISO/IEC）采用了 ECMAScript（ISO/IEC-16262）。

4、JavaScript 概述

要在 JavaScript 中定義變量，請使用var關鍵字。例如：

var x = 10;var y = 20;

ES6 添加了一種使用let關鍵字聲明變量的新方法：

let x = 10;let y = 20;

var和let之間存在差異。使用let關鍵字來聲明變量是一個很好的做法。

要聲明函數(shù)，請使用function關鍵字。以下示例定義了一個計算兩個參數(shù)之和的函數(shù)：

function add( a, b ) {   return a + b;}

要調(diào)用該add()函數(shù)，請使用以下語法：

let result = add(x, y);

要將結果記錄到 Web 瀏覽器的控制臺窗口中，請使用console.log()：

console.log(result);

現(xiàn)在，你應該在控制臺窗口中看到30。

JavaScript 為你提供條件語句，例如if-else和 switch語句。例如：

let a = 20,     b = 30;
function divide(a, b) {    if(b == 0) {       throw 'Division by zero';    }    return a / b;}

在divide()函數(shù)中，我們檢查分數(shù) (b) 是否為零。如果是，我們拋出異常。否則，我們返回 a / b 的結果。

要聲明數(shù)組，請使用以下語法：

let items = [];

要聲明具有一些初始元素的數(shù)組，請在方括號中指定元素：

let items = [1, 2, 3];

你可以items通過其length屬性訪問數(shù)組中的元素數(shù)：

console.log(items.length); // 3

要遍歷items數(shù)組的元素，請使用for如下循環(huán)語句：

for(let i = 0; i < items.length; i++) {    console.log(items[i]);}

或者for...of在ES6 中使用循環(huán)：

for(let item of items) {    console.log(item);}

JavaScript 是一種不斷發(fā)展的語言。它還有許多其他功能，你將在接下來的教程中學習。

在本教程中，你了解了 JavaScript 是什么以及 JavaScript 語言的概述。

學習更多技能

請點擊下方公眾號