《夏洛克·福爾摩斯:第一章》今日發售 12分鐘實機演示
1. JavaScript簡介
-
JavaScript 最開始是專門為瀏覽器設計的一門語言,但是現在也被用於很多其他的環境。
-
如今,JavaScript 已經成為了與 HTML/CSS 完全整合的,使用最廣泛的瀏覽器語言。
-
有很多其他的語言可以被“編譯”成 JavaScript,這些語言還提供了更多的功能。建議最好了解一下這些語言,至少在掌握了 JavaScript 之後大致的瞭解一下。
2. 變數
我們可以使用 var、let 或 const 宣告變數來儲存資料。
-
let — 現代的變數宣告方式。
-
var — 老舊的變數宣告方式。一般情況下,我們不會再使用它。但是,我們會在 舊時的 "var" 章節介紹 var 和 let 的微妙差別,以防你需要它們。
-
const — 類似於 let,但是變數的值無法被修改。
變數應當以一種容易理解變數內部是什麼的方式進行命名。
3. 資料型別
JavaScript 中有八種基本的資料型別(譯註:前七種為基本資料型別,也稱為原始型別,而 object 為複雜資料型別)。
-
number 用於任何型別的數字:整數或浮點數,在 ±(253-1) 範圍內的整數。
-
bigint 用於任意長度的整數。
-
string 用於字串:一個字串可以包含 0 個或多個字元,所以沒有單獨的單字元型別。
-
boolean 用於 true 和 false。
-
null 用於未知的值 —— 只有一個 null 值的獨立型別。
-
undefined 用於未定義的值 —— 只有一個 undefined 值的獨立型別。
-
symbol 用於唯一的識別符號。
-
object 用於更復雜的資料結構。
我們可以通過 typeof 運算子檢視儲存在變數中的資料型別。
-
兩種形式:typeof x 或者 typeof(x)。
-
以字串的形式返回型別名稱,例如 "string"。
-
typeof null 會返回 "object" —— 這是 JavaScript 程式語言的一個錯誤,實際上它並不是一個 object。
7. 迴圈:while 和 for
我們學習了三種迴圈:
-
while —— 每次迭代之前都要檢查條件。
-
do..while —— 每次迭代後都要檢查條件。
-
for (;;) —— 每次迭代之前都要檢查條件,可以使用其他設定。
通常使用 while(true) 來構造“無限”迴圈。這樣的迴圈和其他迴圈一樣,都可以通過 break 指令來終止。
如果我們不想在當前迭代中做任何事,並且想要轉移至下一次迭代,那麼可以使用 continue 指令。
break/continue 支援迴圈前的標籤。標籤是 break/continue 跳出巢狀迴圈以轉到外部的唯一方法。
8. 函式
函式宣告方式如下所示:
function name(parameters, delimited, by, comma) {
}
-
作為引數傳遞給函式的值,會被複制到函式的區域性變數。
-
函式可以訪問外部變數。但它只能從內到外起作用。函式外部的程式碼看不到函式內的區域性變數。
-
函式可以返回值。如果沒有返回值,則其返回的結果是 undefined。
為了使程式碼簡潔易懂,建議在函式中主要使用區域性變數和引數,而不是外部變數。
與不獲取引數但將修改外部變數作為副作用的函式相比,獲取引數、使用引數並返回結果的函式更容易理解。
函式命名:
-
函式名應該清楚地描述函式的功能。當我們在程式碼中看到一個函式呼叫時,一個好的函式名能夠讓我們馬上知道這個函式的功能是什麼,會返回什麼。