JavaScript 数据类型

JavaScript 数据类型详解

JavaScript 是一种动态类型语言，这意味着变量不需要在声明时指定类型，且同一变量可以在运行过程中存储不同类型的值。

JavaScript 的数据类型分为两大类：基本数据类型（Primitive Types）和引用数据类型（Reference Types）。

1. 基本数据类型 (Primitive Types)

基本数据类型存储在栈内存（Stack）中，按值访问。它们是不可变的（immutable），即一旦创建，其值就不能被修改。

JavaScript 共有7 种基本数据类型：

1.1String(字符串)

用于表示文本数据。可以用单引号、双引号或反引号（模板字符串）定义。

letstr1="Hello";letstr2='World';letstr3=`Template String`;// 支持换行和插值// 特性console.log(str1.length);// 5console.log(str1.toUpperCase());// "HELLO"console.log(`${str1}${str2}`);// "Hello World" (模板字符串)

1.2Number(数字)

JavaScript只有一种数字类型，即双精度 64 位浮点数（IEEE 754）。它既可以表示整数，也可以表示小数。

letinteger=42;letfloat=3.14;letnegative=-100;letscientific=1.23e5;// 123000// 特殊值console.log(Number.MAX_SAFE_INTEGER);// 9007199254740991console.log(Number.MIN_SAFE_INTEGER);// -9007199254740991console.log(Infinity);// 无穷大console.log(-Infinity);// 负无穷大console.log(NaN);// Not a Number (非数字)// 注意：0.1 + 0.2 !== 0.3 (浮点数精度问题)console.log(0.1+0.2);// 0.30000000000000004

1.3Boolean(布尔值)

只有两个值：true和false。常用于逻辑判断。

letisTrue=true;letisFalse=false;// 布尔转换 (Falsy 值)// 以下值在布尔上下文中会被转换为 false:// false, 0, -0, 0n, "", null, undefined, NaNconsole.log(Boolean(0));// falseconsole.log(Boolean(""));// falseconsole.log(Boolean("Hello"));// true

1.4Undefined(未定义)

表示变量已声明但未赋值。

• 函数没有返回值时，默认返回undefined。
• 访问对象不存在的属性时，返回undefined。

letx;console.log(x);// undefinedfunctionnoReturn(){}console.log(noReturn());// undefinedletobj={a:1};console.log(obj.b);// undefined

1.5Null(空值)

表示有意的空值或“无对象”。

• 注意：typeof null返回"object"，这是 JavaScript 的一个历史遗留 Bug。

letempty=null;console.log(typeofempty);// "object" (Bug)// 通常用于初始化变量，表示“暂无值”letuser=null;

1.6Symbol(符号)

ES6 引入。表示唯一的标识符，常用于对象属性的键，防止属性名冲突。

letsym1=Symbol("id");letsym2=Symbol("id");console.log(sym1===sym2);// false (即使描述相同，也是不同的值)letobj={};obj[sym1]="唯一值";console.log(obj[sym1]);// "唯一值"

1.7BigInt(大整数)

ES2020 引入。用于表示任意精度的整数，解决Number类型无法安全表示大整数的限制。

• 定义：在整数后加n。

letbig=9007199254740991n;letbigger=BigInt(123456789012345678901234567890);console.log(big+1n);// 9007199254740992n// console.log(big + 1); // ❌ 报错：不能混合 BigInt 和 Number

2. 引用数据类型 (Reference Types)

引用数据类型存储在堆内存（Heap）中。变量存储的是指向内存地址的引用（指针），而不是值本身。

• 可变性：对象的内容可以被修改。
• 比较方式：比较的是引用地址，而不是内容。

2.1Object(对象)

最通用的引用类型，用于存储键值对集合。

letperson={name:"张三",age:25,greet:function(){console.log("你好");}};// 修改属性person.age=26;// 添加属性person.city="北京";// 访问属性console.log(person.name);// "张三"

2.2Array(数组)

特殊的对象，用于存储有序的值列表。

letnumbers=[1,2,3,4,5];letmixed=[1,"hello",true,null,{a:1}];// 数组是对象console.log(Array.isArray(numbers));// trueconsole.log(typeofnumbers);// "object"

2.3Function(函数)

函数也是对象，是可以被调用的特殊对象。

functionadd(a,b){returna+b;}letmultiply=function(a,b){returna*b;};console.log(typeofadd);// "function"

2.4 其他内置对象

• Date: 处理日期和时间。
• RegExp: 正则表达式。
• Map/Set: ES6 引入的集合数据结构。
• Promise: 处理异步操作。

3. 类型检测

3.1typeof运算符

用于检测基本类型和函数。

console.log(typeof"Hello");// "string"console.log(typeof123);// "number"console.log(typeoftrue);// "boolean"console.log(typeofundefined);// "undefined"console.log(typeofSymbol());// "symbol"console.log(typeof123n);// "bigint"console.log(typeoffunction(){});// "function"console.log(typeof{});// "object"console.log(typeof[]);// "object" (注意：数组也是 object)console.log(typeofnull);// "object" (历史遗留 Bug)

3.2instanceof运算符

用于检测对象是否属于某个构造函数的实例。

letarr=[1,2,3];console.log(arrinstanceofArray);// trueconsole.log(arrinstanceofObject);// trueletdate=newDate();console.log(dateinstanceofDate);// true

3.3Object.prototype.toString.call()(最准确)

可以准确区分所有内置对象类型。

console.log(Object.prototype.toString.call([]));// "[object Array]"console.log(Object.prototype.toString.call(null));// "[object Null]"console.log(Object.prototype.toString.call(undefined));// "[object Undefined]"console.log(Object.prototype.toString.call({}));// "[object Object]"console.log(Object.prototype.toString.call(newDate()));// "[object Date]"

4. 类型转换 (Type Coercion)

JavaScript 会在运算或比较时自动进行类型转换，也可以手动转换。

4.1 隐式转换

// 字符串拼接console.log(5+"5");// "55" (数字转字符串)// 算术运算console.log("5"-2);// 3 (字符串转数字)console.log("10"*"2");// 20// 布尔转换if("0"){console.log("真");}// 真 (非空字符串为真)if([]){console.log("真");}// 真 (空数组为真)if({}){console.log("真");}// 真 (空对象为真)

4.2 显式转换

转为字符串

String(123);// "123"(123).toString();// "123"""+123;// "123"

转为数字

Number("123");// 123Number("12.5");// 12.5Number("abc");// NaNparseInt("12px");// 12parseFloat("3.14px");// 3.14+"123";// 123 (一元加号)

转为布尔值

Boolean(0);// falseBoolean("");// falseBoolean(null);// falseBoolean(undefined);// falseBoolean(NaN);// falseBoolean("0");// true (非空字符串)Boolean([]);// true!!value;// 常用技巧，将任意值转为布尔值

5. 值传递 vs 引用传递

理解这一点对避免 Bug 至关重要。

基本类型：值传递

leta=10;letb=a;// 复制值b=20;console.log(a);// 10 (a 不受影响)

引用类型：引用传递

letobj1={name:"张三"};letobj2=obj1;// 复制引用地址obj2.name="李四";console.log(obj1.name);// "李四" (obj1 也变了，因为它们指向同一个对象)obj2={name:"王五"};// 重新赋值 obj2 指向新对象console.log(obj1.name);// "李四" (obj1 不受影响)

6. 最佳实践

1. 避免隐式转换：

   • 使用===(严格相等) 代替==(宽松相等)，避免类型自动转换带来的意外。

   console.log(0==false);// true (容易出错)console.log(0===false);// false (推荐)console.log("5"==5);// trueconsole.log("5"===5);// false

2. 初始化变量：

   • 声明对象或数组时立即初始化，避免undefined导致的错误。

   letlist=[];// 推荐letlist;// 不推荐，后续使用时可能报错

3. 处理NaN：

   • NaN不等于任何值（包括它自己），使用Number.isNaN()检测。

   console.log(NaN===NaN);// falseconsole.log(Number.isNaN(NaN));// true

4. 大整数使用BigInt：

   • 当处理超过Number.MAX_SAFE_INTEGER的整数时，务必使用BigInt。

5. 使用Object.prototype.toString进行类型判断：

   • 在需要精确判断数组、日期、正则等类型时，不要依赖typeof。

总结表

掌握数据类型的特性是编写健壮 JavaScript 代码的基石。