首頁 >web前端 >js教程 >學習與JavaScript:第1部分,基礎知識

學習與JavaScript:第1部分,基礎知識

Jennifer Aniston
Jennifer Aniston原創
2025-03-09 00:14:15522瀏覽

JavaScript 入門:環境搭建與數據類型

本文將指導您搭建JavaScript開發環境,並介紹JavaScript中的基本數據類型。您可以使用瀏覽器或Node.js進行代碼測試。

環境搭建

最便捷的方法是使用您的瀏覽器。如果您是編程新手,這是理想的選擇。只需在Firefox中按下Ctrl Shift K,或在Chrome中按下Ctrl Shift J,即可打開瀏覽器控制台,開始編寫和運行代碼。下圖展示了一個已執行代碼行的示例:

Learn to Code With JavaScript: Part 1, The Basics

如果您熟悉運行環境的安裝和配置,也可以選擇使用Node.js。這將提升您的技能,並在簡歷中體現您的技術能力。

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

數據類型

編程中,您會處理各種類型的數據,這些數據由不同的數據類型表示。每種數據類型都有其操作規則。例如,兩個數字相加得到它們的和,但數字與字符串相加則得到一個字符串。

以下是JavaScript中的主要數據類型:

  • 布爾型 (Boolean): 值為 truefalse
  • Symbol: 一個唯一且不變的鍵值。
  • BigInt: 用於處理超出常規數字範圍的大數值。
  • 對象 (Object): 屬性的集合。

此外,還有undefinedBoolean類型表示真假兩個值,在只需要判斷真假的情況下非常有用。字符串 (String) 由字符組成,用單引號、雙引號或反引號括起來。數字 (Number) 類型用於存儲和操作數字,包括正數、負數和小數。

以下是一個計算階乘的函數示例:

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

計算500的階乘時,JavaScript會返回Infinity。為了處理更大的數值,可以使用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的阶乘结果 (一个非常大的BigInt数值)

BigInt類型只適用於整數,不能用於分數運算。在算術運算中,不能混合使用NumberBigInt類型。

對象 (Object)

JavaScript中的對像是屬性的集合,每個屬性都是一個鍵值對。函數和數組也是對象。我們將在後續教程中詳細講解對象和數組。

Symbol

Symbol() 函數返回一個唯一的Symbol值。 Symbol.for() 方法可以根據鍵值獲取相同的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"); // 输出此行
}

回顧

我們學習瞭如何使用Node.js搭建開發環境。編程的第一步是編寫解決問題的步驟,即算法。代碼由許多語句組成,語句是程序的指令,由表達式構成。表達式可以賦值給變量。變量使用letconst關鍵字創建,用於存儲各種數據類型。

後續教程將講解條件語句,讓您根據不同情況執行不同的任務。

資源

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

本文由Monty Shokeen貢獻更新。 Monty是一位全棧開發者,熱衷於編寫教程和學習新的JavaScript庫。

以上是學習與JavaScript:第1部分,基礎知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn