Javascript 数据类型详解：7种基本类型、3种引用类型

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。

JavaScript具有动态类型，这意味着变量的类型可以在运行时改变。JavaScript主要有以下几种数据类型：

一、基本数据类型（Primitive Types）

1. 字符串（String）：任何文本，可以用单引号(’ ')或双引号(" ")包围。

   let str = 'Hello, World!';
   

2. 数字（Number）：整数或浮点数。

   let num = 42;
   let floatNum = 3.14;
   

3. 布尔值（Boolean）：只有两个值，true 或 false。

   let boolTrue = true;
   let boolFalse = false;
   

4. undefined：表示变量已被声明但未被赋值。

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

5. null：表示一个空值或无值。

   let emptyValue = null;
   

6. Symbol（ES6引入）：唯一且不可变的数据类型，主要用作对象的键。

   let uniqueSymbol = Symbol();
   

7. BigInt（ES2020引入）：用于存储大于Number.MAX_SAFE_INTEGER的整数。

   let bigInt = 9007199254740992n; // 注意结尾的'n'
   

二、引用数据类型（Reference Types）

1. 对象（Object）：无序属性的集合，属性可以是任意数据类型。

   let obj = { key: "value", anotherKey: 42 };
   

2. 数组（Array）：有序的元素集合，元素可以是任意数据类型。

   let arr = [1, "text", true];
   

3. 函数（Function）：JavaScript的一等公民，可以作为变量或对象的属性。

   function sayHello(name) {
       console.log("Hello, " + name + "!");
   }
   

三、注意事项

• 类型转换：JavaScript会自动进行类型转换，比如在比较不同类型时，这可能导致非直观的结果，应谨慎处理。
• NaN：Not-a-Number，是一个特殊的Number类型值，用于表示不是一个数字的值。
• 类型检测：推荐使用typeof操作符检测基本类型，但对于Object，包括数组和函数，使用Array.isArray()或instanceof来精确判断更佳。
• 空值合并运算符（??）：ES2020引入，用于返回第一个非null和非undefined的值，例如 let result = maybeNull ?? "default";
• 可选链（?.）：ES2020引入，安全地访问深层嵌套的属性，避免因中间属性不存在而导致的错误，如 let value = obj?.property?.subProperty;

理解并熟练运用JavaScript的数据类型，是进行高效和安全编程的基础。