深入探討 JavaScript 資料型別、嚴格模式和基本操作

歡迎回到我們的 JavaScript 教學系列！在今天的文章中，我們將探討 JavaScript 中的一些基本概念：資料類型、嚴格模式和基本操作。這些是任何 JavaScript 程式的構建塊，因此充分理解它們將為您深入編碼奠定成功基礎。

了解 JavaScript 中的資料類型

JavaScript 是一種動態類型語言，這表示您不必指定變數保存的資料類型。類型是根據分配的值自動決定的。讓我們仔細看看 JavaScript 中的一些關鍵資料類型。

運算符類型

typeof 運算子用於決定變數的類型。這是一個簡單的例子：

console.log(typeof undefined); // Outputs: "undefined"
console.log(typeof null);      // Outputs: "object"

• undefined：當一個變數被宣告但沒有賦值時，它的型別是未定義的。
• null：表示故意不存在任何物件值。有趣的是，typeof null 傳回物件。這是 JavaScript 中的一個已知怪癖，雖然看起來可能令人困惑，但您會習慣的。

關鍵資料類型

1. 數字：表示整數和浮點數。

   • 範例：令 num = 42；
   • JavaScript 可以處理最多 2^53 的數字，超出此範圍您將使用 BigInt。

2. BigInt：用於超出 Number 安全整數範圍的大整數。

   • 範例：let bigNum = 9007199254740991n;

3. 字串：字元序列，用於文字。

   • 範例：letgreeting = "Hello, World!";

4. 布林值：代表邏輯值：true 或 false。

   • 範例：let isJavaScriptFun = true;

5. Null：表示空值的特殊關鍵字，即根本沒有值。

   • 範例：讓emptyValue = null;

6. 未定義：表示變數已宣告但未賦值。

   • 例：讓某事；

7. 符號：代表唯一識別碼。符號通常用作物件中的鍵以避免名稱衝突。

   • 範例：let uniqueId = Symbol("id");

使用“use strict”強制執行現代 JavaScript

為了確保您的程式碼遵循最新的 JavaScript 標準並避免常見的陷阱，您可以在腳本或函數的開頭使用「use strict」。

"use strict";
// All code below will be treated as newer version of JavaScript

嚴格模式有助於捕獲常見的編碼錯誤，例如使用未聲明的變量，並使您的程式碼更加安全和最佳化。

在 JavaScript 中執行基本操作

JavaScript 支援廣泛的操作，從基本算術到字串連接。讓我們來看一些例子：

算術運算

let value = 3;
let negValue = -value;
console.log(negValue); // Outputs: -3

console.log(2 + 2); // Addition: 4
console.log(2 - 2); // Subtraction: 0
console.log(2 * 2); // Multiplication: 4
console.log(2 ** 3); // Exponentiation: 8
console.log(2 / 3); // Division: 0.666...
console.log(2 % 3); // Modulus: 2 (remainder)

字串操作

let str1 = "hello";
let str2 = " hitesh";

let str3 = str1 + str2;
console.log(str3); // Outputs: "hello hitesh"

console.log("1" + 2); // Outputs: "12" (String concatenation)
console.log(1 + "2"); // Outputs: "12" (String concatenation)
console.log("1" + 2 + 2); // Outputs: "122"
console.log(1 + 2 + "2"); // Outputs: "32"

操作順序很重要！當 JavaScript 在算術運算中遇到字串時，它會將其他運算元轉換為字串並將它們連接起來。

聯合作戰

console.log((3 + 4) * 5 % 3); // Outputs: 2

這裡，括號規定了運算順序，確保加法發生在乘法和取模之前。

一元運算符

一元運算子使用單一運算元。以下是幾個範例：

console.log(+true); // Outputs: 1 (Boolean `true` is converted to 1)
console.log(+""); // Outputs: 0 (An empty string is converted to 0)

變數賦值鏈

您可以在 JavaScript 中連結分配：

let num1, num2, num3;
num1 = num2 = num3 = 2 + 2;
console.log(num1, num2, num3); // All will output: 4

增量運算符

JavaScript 也支援遞增（和遞減）運算子：

let gameCounter = 100;
++gameCounter;
console.log(gameCounter); // Outputs: 101

前綴與後綴增量

JavaScript 區分前綴 (++gameCounter) 與後綴 (gameCounter++) 增量：

• 前綴：使用前增加值。
• Postfix：先使用該值，然後再遞增它。

要更深入地閱讀類型轉換和操作，請查看 ECMAScript 文件。

今天，我們介紹了一些基本的 JavaScript 概念，從理解各種資料類型和嚴格模式到執行基本操作。這些是您在 JavaScript 中不斷進步的基礎概念。請務必練習這些範例並嘗試不同的操作，以便更好地掌握。

請繼續關注本系列的更多教程，我們將繼續探索 JavaScript 的迷人世界！

-
祝您程式設計愉快，下一篇見！

以上是深入探討 JavaScript 資料型別、嚴格模式和基本操作的詳細內容。更多資訊請關注PHP中文網其他相關文章！