白骑士的JavaScript教学JavaScript语法基础篇之变量与数据类型 2.1.2 原始数据类型

        在JavaScript中，原始数据类型（Primitive Types）是最基本的数据单位，它们直接存储值而不是引用。与复杂的对象类型相比，原始数据类型的操作更为简单直接。在本节中，我们将深入探讨JavaScript中的七种原始数据类型：‘String‘、‘Number‘、‘Boolean‘、‘Null‘、‘Undefined‘、‘Symbol‘和‘BigInt‘，并解释它们各自的特点和用法。原始数据类型是不可变的，即其值一旦被创建就无法改变。虽然可以重新为变量赋值，但这会导致创建一个新的原始值，而不是修改原有的值。JavaScript中的七种原始数据类型各有其独特的用途。

String（字符串）

        ‘String‘是用于表示文本的数据类型。字符串由一系列字符组成，必须用单引号（‘'‘）、双引号（‘"‘）或反引号（‘‘ ‘ ‘‘）括起来。

示例

let greeting = "Hello, World!";
let name = 'Alice';
let message = ‘Welcome, ${name}!‘;

特点

• 字符串是不可变的。一旦创建，不能更改其中的字符内容。
• 可以通过‘+‘操作符或模板字符串（使用反引号‘‘ ‘ ‘‘）来拼接字符串。

常用方法

‘length‘：返回字符串的长度。

‘toUpperCase()‘ / ‘toLowerCase()‘：将字符串转换为大写或小写。

‘charAt(index)‘：返回指定位置的字符。

‘substring(start, end)‘：提取字符串的子字符串。

示例

let text = "JavaScript";

console.log(text.length); // 输出 10
console.log(text.toUpperCase()); // 输出 "JAVASCRIPT"
console.log(text.charAt(0)); // 输出 "J"
console.log(text.substring(0, 4)); // 输出 "Java"

Number（数值）

        ‘Number‘是用于表示数值的数据类型，包含整数和浮点数。JavaScript中所有数值均为‘Number‘类型，无论是‘10‘还是‘10.5‘。

示例

let integer = 42;
let float = 3.14;
let negative = -7;

特点

• ‘Number‘支持基本的数学运算，如加法、减法、乘法和除法。
• ‘NaN‘（Not-a-Number）表示一个非数值结果，如尝试对非数值进行运算。
• ‘Infinity‘和‘-Infinity‘表示正无穷和负无穷。

常用方法

• ‘toFixed(digits)‘：将数值格式化为指定小数位数的字符串。
• ‘toString(base)‘：将数值转换为指定进制的字符串表示。

示例

let number = 123.456;

console.log(number.toFixed(2)); // 输出 "123.46"
console.log(number.toString(16)); // 输出 "7b.74bc6a7ef9db22d0"
console.log(0 / 0); // 输出 NaN
console.log(1 / 0); // 输出 Infinity

Boolean（布尔值）

        ‘Boolean‘表示逻辑值，只有两个可能的值：‘true‘或‘false‘。

示例

let isActive = true;
let isComplete = false;

特点

• 布尔值通常用于控制程序的流向，如条件判断和循环。
• JavaScript中的一些值会在条件判断中隐式转换为布尔值，这些值包括‘0‘、‘NaN‘、‘""‘（空字符串）、‘null‘、‘undefined‘（它们都被转换为‘false‘），以及所有其他值（被转换为‘true‘）。

示例

let age = 20;
let isAdult = age > 18; // 输出 true

if (isAdult) {
    console.log("You are an adult.");
} 

else {
    console.log("You are not an adult.");
}

Null（空值）

        ‘Null‘表示一个空值或不存在的值，通常用于显式表示“无”。

示例

let user = null;

特点

• ‘null‘常用于初始化变量或表示空对象引用。
• 在比较时，‘null‘与‘undefined‘相等，但类型不同。

示例

console.log(null == undefined); // 输出 true
console.log(null === undefined); // 输出 false

Undefined（未定义）

        ‘Undefined‘表示变量已声明但尚未赋值，或函数没有返回值。

示例

let name;
console.log(name); // 输出 undefined

特点

• 当一个变量被声明但未赋值时，它的值为‘undefined‘。
• ‘undefined‘与‘null‘不同，尽管它们在宽松比较下被认为相等。

示例

function greet() {
    // 没有显式返回值
}

let result = greet();
console.log(result); // 输出 undefined

Symbol（符号）

        ‘Symbol‘是一种唯一且不可变的数据类型，通常用于对象属性的标识符，避免属性冲突。

示例

let sym1 = Symbol("identifier");
let sym2 = Symbol("identifier");

console.log(sym1 === sym2); // 输出 false

特点

• 每个‘Symbol‘都是唯一的，即使它们的描述相同。
• ‘Symbol‘通常用于定义不可枚举的对象属性。

示例

let obj = {
    [Symbol("name")]："Alice"
};

console.log(Object.keys(obj)); // 输出 []

BigInt（大整数）

        ‘BigInt‘是用于表示大整数的数据类型，它可以表示任意精度的整数，解决了‘Number‘类型在安全整数范围（‘-2^53‘到‘2^53‘）之外的限制。

示例

let bigInt = 1234567890123456789012345678901234567890n;

特点

• ‘BigInt‘使用后缀‘n‘来表示，且不能与‘Number‘直接混合运算。
• 常用于需要精确处理大数值的场景，如金融计算、加密等。

示例

let bigInt1 = 12345678901234567890n;
let bigInt2 = 98765432109876543210n;

console.log(bigInt1 + bigInt2); // 输出 111111111011111111100n

let number = 20;
// console.log(bigInt1 + number); // 报错：TypeError：Cannot mix BigInt and other types

总结

        JavaScript的原始数据类型提供了构建复杂应用程序的基础。通过理解和熟练掌握这些数据类型，开发者可以编写更加健壮和高效的代码。每种原始类型都有其特定的用途和特点，从简单的字符串和数值处理到更高级的‘Symbol‘和‘BigInt‘，这些类型帮助JavaScript在各种开发场景中展现了强大的灵活性和适应性。在实际开发中，合理选择和使用这些数据类型将是成功实现功能和优化性能的重要因素。