编程笔记 html5&css&js 065 JavaScript 数据类型

编程笔记 html5&css&js 065 JavaScript 数据类型

• 一、JavaScript 数据类型
• 二、JavaScrip 数据类型分类：
• 三、JavaScript 数据类型与其他语言的主要区别
• 小结

数据类型是编程语言的基本构成，不同的编程语言的数据类型有很大区别。数据是程序的处理对象，所以，数据类型的知识要熟练掌握才行。

一、JavaScript 数据类型

1. Number（数值型）：

   • JavaScript 中的数字可以是整数或浮点数。
   • 示例：

     let age = 25; // 整数
     let pi = 3.14159; // 浮点数
     let e = Number.EPSILON; // 极小的正数，表示浮点数精度范围
     let infinity = Infinity; // 正无穷大
     let nan = NaN; // 非数字（Not a Number），用于表示计算结果无法表示为数字时的结果
     

2. String（字符串型）：

   • 字符串是由零个或多个字符组成的有序序列，用单引号 ' 或双引号 " 包围。
   • 示例：

     let name = 'Aniu'; // 单引号定义字符串
     let greeting = "Hello, World!"; // 双引号定义字符串
     let multiLineStr = `This is a 
                          multi-line string`; // ES6 中的模板字面量（Template literal）
     

3. Boolean（布尔型）：

   • 表示逻辑值，仅有两个可能的取值：true 和 false。
   • 示例：

     let isStudent = true;
     let hasPassed = false;
     

4. Undefined（未定义型）：

   • 当变量声明但未初始化时，其值默认为 undefined。
   • 示例：

     let age;
     console.log(age); // 输出: undefined
     

5. Null（空对象型）：

   • null 是一个特殊的值，表示“无”或者“空对象引用”，它与 undefined 类似但不完全相同，在某些情况下用于显式地表示空值或没有对象值的情况。
   • 示例：

     let obj = null; // 显示对象为空
     

6. Symbol（符号型）：

   • 自从 ECMAScript 6 (ES6) 引入以来，Symbol 是一种原始数据类型，每个 Symbol 值都是唯一的，不可变的，并且不能与其他类型的值进行比较。
   • 示例：

     let sym = Symbol("description"); // 创建一个symbol值
     

7. BigInt（大整数型）：

   • BigInt 是从 ECMAScript 2020 开始支持的数据类型，用于表示超过 Number 类型安全整数范围（-2^53 to 2^53 - 1）的大整数。
   • 示例：

     let largeNum = 123456789012345678901234567890n; // 后缀n表示BigInt类型
     

8. Object（对象型）：

   • 虽然不是基本数据类型，但它是 JavaScript 中的一个重要类型。所有非原始值都是对象，包括数组、函数、日期等。
   • 示例：

     let person = { // 对象字面量
       name: "Aniu",
       age: 25,
       sayHello: function() {
         console.log(`Hi, I'm ${this.name}`);
       }
     };
     

以上就是 JavaScript 的八种数据类型，前六种是基本数据类型（原始值），后两种（Object 和 Function，此处未提及 Function，但其实也是对象的一种）属于复杂数据类型（引用类型）。

二、JavaScrip 数据类型分类：

原始值（Primitive values）和引用值（Reference values）。

1. 原始数据类型（Primitive data types）
   原始数据类型是不可变的，它们直接包含值本身而不是对象的引用。共有六种原始数据类型：
   Undefined: 当变量被声明但未赋值时，其值为 undefined。
   Null: 类型只有一个值 null，它表示一个空或者无指向的对象引用。
   Boolean: 有两种可能的值 true 和 false，用于逻辑判断。
   Number: 表示整数或浮点数，包括正负Infinity和NaN（非数字）。
   String: 由零个或多个16位Unicode字符组成的文本序列，用单引号 ’ 或双引号 " 括起来。
   BigInt: ECMAScript 2020 引入的新类型，用来表示大于Number.MAX_SAFE_INTEGER的整数，使用 n 后缀表示，例如 9007199254740991n。

2. 复杂数据类型 / 对象数据类型（Object data type）
   Object: 这是一种复杂的数据类型，可以存储任意类型的键值对集合，包括函数、数组和其他对象。所有非原始类型的值都是对象，比如：
   Array: 有序的元素列表，可以通过索引访问元素，如 var arr = [1, ‘two’, true]。
   Function: 函数是可执行的对象，可以看作是一段代码的封装。
   Date: 表示日期和时间的值。
   RegExp: 正则表达式对象，用于文本匹配和搜索操作。
   Map、Set、WeakMap、WeakSet: 集合数据结构。
   Symbol: ECMAScript 6 引入的一种新的原始数据类型，用于创建唯一的标识符。
   typeof 操作符
   typeof 是一个一元操作符，它可以返回变量或表达式的类型。对于以上提到的原始类型（除 null 外），typeof 返回的是正确的类型字符串；而对于 null，typeof null 返回的是 “object”，这是一个历史遗留的bug而非预期行为；对于对象类型，typeof 会返回 “object”，但对于具体的不同对象类型（如函数、数组等），需要使用更精确的方法来检测，如 Array.isArray() 或 instanceof 操作符。
   数据复制与比较
   原始类型在复制时是值复制，即两个变量如果具有相同的原始值，则被认为是相等的。而对象类型（包括数组、函数等）复制时是引用复制，意味着复制得到的新变量只是指向同一个内存地址，修改其中一个变量会影响到另一个变量的值。当比较两个对象类型变量时，即使内容相同，只要不是同一块内存空间，它们之间也会被视为不相等。若要比较对象内容是否相等，通常需要自行实现深度比较方法或使用lodash等库提供的工具函数。

三、JavaScript 数据类型与其他语言的主要区别

1. 动态类型：

   • JavaScript 是一种动态类型语言，这意味着变量在声明时无需指定其数据类型，而且可以在运行时更改其值的数据类型。
   • 相比之下，像 Java、C++、C# 等静态类型语言要求在编译阶段就需要明确变量的类型，并且在程序执行过程中不能改变。

2. 弱类型：

   • JavaScript 具有弱类型的特点，允许不同类型的数据之间进行隐式转换（如字符串和数字相加时，JavaScript 会尝试将字符串转换为数字）。
   • 强类型语言如 C 语言则不会自动进行这种类型的隐式转换，如果不同类型间操作未显式转换，编译器通常会报错。

3. Object 类型特殊性：

   • 在 JavaScript 中，对象是一种复杂数据类型，它可以容纳任何类型的键值对，而且可以动态添加或删除属性。
   • 许多其他语言中也有对象类型，但它们可能更接近于结构体或类实例，具有固定的成员列表。

4. 函数作为一等公民：

   • JavaScript 函数可以被赋值给变量、作为参数传递给其他函数以及作为函数返回值，这被称为“一等函数”或“第一类函数”。
   • 虽然一些现代语言也支持此特性（例如 Python 和 Scala），但在早期很多语言如 C 语言中函数并不具备这样的灵活性。

5. 数组和数据结构：

   • JavaScript 数组是动态大小的，并且可以包含不同类型的元素，这是与许多静态类型语言（如 C 语言数组）的不同之处。
   • 另外，JavaScript 还提供了灵活的对象字面量和 Map、Set 等集合数据结构。

6. 特殊的 null 和 undefined 类型：

   • JavaScript 有 null 和 undefined 两种表示空值或未定义状态的类型，而许多其他语言可能只有一种方式来表达类似的概念。

7. typeof 操作符的行为：

   • JavaScript 的 typeof 操作符可以用来检测变量的类型，但它返回的结果有些特例，比如 typeof null 返回 "object"，这是 JavaScript 中的一个历史遗留问题。

8. 新增数据类型：

   • 随着 ECMAScript 标准的演进，JavaScript 添加了新的数据类型，比如 ES6 中引入的 Symbol 类型，以及 ES2020 中的 BigInt 类型，这些在传统的 C 家族语言或其他一些较早的语言中是没有的。

小结

光有数据类型，很多事还不能做，很多知识都是这样，前后交错的，学习时通过示例掌握涉及到的内容，不限于本节主题。