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

王林
發布: 2024-09-01 21:06:01
原創
493 人瀏覽過

Day Deep Dive into JavaScript Data Types, Strict Mode, and Basic Operations

歡迎回到我們的 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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!