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

文章目录

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

    ---

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