JavaScript 入門：環(huán)境搭建與數(shù)據(jù)類型

本文將指導(dǎo)您搭建JavaScript開發(fā)環(huán)境，並介紹JavaScript中的基本數(shù)據(jù)類型。您可以使用瀏覽器或Node.js進(jìn)行代碼測(cè)試。

環(huán)境搭建

最便捷的方法是使用您的瀏覽器。如果您是編程新手，這是理想的選擇。只需在Firefox中按下Ctrl Shift K，或在Chrome中按下Ctrl Shift J，即可打開瀏覽器控制臺(tái)，開始編寫和運(yùn)行代碼。下圖展示了一個(gè)已執(zhí)行代碼行的示例：

如果您熟悉運(yùn)行環(huán)境的安裝和配置，也可以選擇使用Node.js。這將提升您的技能，並在簡(jiǎn)歷中體現(xiàn)您的技術(shù)能力。

首先，您需要一個(gè)文本編輯器來編寫代碼，推薦Sublime Text或Visual Studio Code。然後，從Node.js官網(wǎng)下載並安裝Node.js。安裝完成後，您可以通過在終端輸入命令來驗(yàn)證安裝是否成功。 const關(guān)鍵字聲明的常量在程序中保持不變。

數(shù)據(jù)類型

編程中，您會(huì)處理各種類型的數(shù)據(jù)，這些數(shù)據(jù)由不同的數(shù)據(jù)類型表示。每種數(shù)據(jù)類型都有其操作規(guī)則。例如，兩個(gè)數(shù)字相加得到它們的和，但數(shù)字與字符串相加則得到一個(gè)字符串。

以下是JavaScript中的主要數(shù)據(jù)類型：

• 布爾型 (Boolean): 值為 true 或 false。
• Symbol: 一個(gè)唯一且不變的鍵值。
• BigInt: 用於處理超出常規(guī)數(shù)字範(fàn)圍的大數(shù)值。
• 對(duì)象 (Object): 屬性的集合。

此外，還有undefined。 Boolean類型表示真假兩個(gè)值，在只需要判斷真假的情況下非常有用。字符串 (String) 由字符組成，用單引號(hào)、雙引號(hào)或反引號(hào)括起來。數(shù)字 (Number) 類型用於存儲(chǔ)和操作數(shù)字，包括正數(shù)、負(fù)數(shù)和小數(shù)。

以下是一個(gè)計(jì)算階乘的函數(shù)示例：

function factorial(x) {
  let result = 1;
  while (x > 1) {
    result *= x;
    x -= 1;
  }
  return result;
}

console.log(factorial(5)); // 120
console.log(factorial(10)); // 362880
console.log(factorial(50)); // 3.0414093201713376e+64
console.log(factorial(500)); // Infinity

計(jì)算500的階乘時(shí)，JavaScript會(huì)返回Infinity。為了處理更大的數(shù)值，可以使用BigInt類型：

function factorialBigInt(x) {
  let result = BigInt(1);
  x = BigInt(x);
  while (x > BigInt(1)) {
    result *= x;
    x -= BigInt(1);
  }
  return result;
}

console.log(factorialBigInt(500)); // 正確的500的階乘結(jié)果 (一個(gè)非常大的BigInt數(shù)值)

BigInt類型只適用於整數(shù)，不能用於分?jǐn)?shù)運(yùn)算。在算術(shù)運(yùn)算中，不能混合使用Number和BigInt類型。

對(duì)象 (Object)

JavaScript中的對(duì)像是屬性的集合，每個(gè)屬性都是一個(gè)鍵值對(duì)。函數(shù)和數(shù)組也是對(duì)象。我們將在後續(xù)教程中詳細(xì)講解對(duì)象和數(shù)組。

Symbol

Symbol() 函數(shù)返回一個(gè)唯一的Symbol值。 Symbol.for() 方法可以根據(jù)鍵值獲取相同的Symbol值。

const x = Symbol();
const y = Symbol();

const a = Symbol.for("potato");
const b = Symbol.for("potato");

if (x === y) {
  console.log('Same Symbol');
} else {
  console.log('Symbol Mismatch'); // 輸出此行
}

if (a === b) {
  console.log("This should Match"); // 輸出此行
}

回顧

我們學(xué)習(xí)瞭如何使用Node.js搭建開發(fā)環(huán)境。編程的第一步是編寫解決問題的步驟，即算法。代碼由許多語句組成，語句是程序的指令，由表達(dá)式構(gòu)成。表達(dá)式可以賦值給變量。變量使用let或const關(guān)鍵字創(chuàng)建，用於存儲(chǔ)各種數(shù)據(jù)類型。

後續(xù)教程將講解條件語句，讓您根據(jù)不同情況執(zhí)行不同的任務(wù)。

資源

• OneCompiler
• Sublime Text
• Node.js
• ES6規(guī)範(fàn)
• 你不知道JS (You Don’t Know JS)

本文由Monty Shokeen貢獻(xiàn)更新。 Monty是一位全棧開發(fā)者，熱衷於編寫教程和學(xué)習(xí)新的JavaScript庫(kù)。

以上是學(xué)習(xí)與JavaScript：第1部分，基礎(chǔ)知識(shí)的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！