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

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

No.	内容链接
1	Openlayers 【入门教程】 - 【源代码+示例300+】
2	Leaflet 【入门教程】 - 【源代码+图文示例 150+】
3	Cesium 【入门教程】 - 【源代码+图文示例200+】
4	MapboxGL【入门教程】 - 【源代码+图文示例150+】
5	前端就业宝典 【面试题+详细答案 1000+】

文章目录

一、基本数据类型（Primitive Types）二、引用数据类型（Reference Types）三、注意事项

---

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

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

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

let str = 'Hello, World!';

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

let num = 42;let floatNum = 3.14;

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

let boolTrue = true;let boolFalse = false;

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

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

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

let emptyValue = null;

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

let uniqueSymbol = Symbol();

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

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

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

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

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

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

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

函数（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的数据类型，是进行高效和安全编程的基础。