编程笔记 html5cssjs 065 JavaScrip数据类型

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

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

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

一、JavaScript 数据类型

Number（数值型）：

JavaScript 中的数字可以是整数或浮点数。

示例：

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

String（字符串型）：

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

示例：

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

Boolean（布尔型）：
- 表示逻辑值，仅有两个可能的取值：true 和 false。
- 示例：
```
let isStudent = true;
let hasPassed = false;
```
Undefined（未定义型）：
- 当变量声明但未初始化时，其值默认为 undefined。
- 示例：
```
let age;
console.log(age); // 输出: undefined
```
Null（空对象型）：
- null 是一个特殊的值，表示“无”或者“空对象引用”，它与 undefined 类似但不完全相同，在某些情况下用于显式地表示空值或没有对象值的情况。
- 示例：
```
let obj = null; // 显示对象为空
```
Symbol（符号型）：
- 自从 ECMAScript 6 (ES6) 引入以来，Symbol 是一种原始数据类型，每个 Symbol 值都是唯一的，不可变的，并且不能与其他类型的值进行比较。
- 示例：
```
let sym = Symbol("description"); // 创建一个symbol值
```
BigInt（大整数型）：
- BigInt 是从 ECMAScript 2020 开始支持的数据类型，用于表示超过 Number 类型安全整数范围（-2^53 to 2^53 - 1）的大整数。
- 示例：
```
let largeNum = 123456789012345678901234567890n; // 后缀n表示BigInt类型
```
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）。

原始数据类型（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。
复杂数据类型 / 对象数据类型（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 数据类型与其他语言的主要区别

动态类型：
- JavaScript 是一种动态类型语言，这意味着变量在声明时无需指定其数据类型，而且可以在运行时更改其值的数据类型。
- 相比之下，像 Java、C++、C# 等静态类型语言要求在编译阶段就需要明确变量的类型，并且在程序执行过程中不能改变。
弱类型：
- JavaScript 具有弱类型的特点，允许不同类型的数据之间进行隐式转换（如字符串和数字相加时，JavaScript 会尝试将字符串转换为数字）。
- 强类型语言如 C 语言则不会自动进行这种类型的隐式转换，如果不同类型间操作未显式转换，编译器通常会报错。
Object 类型特殊性：
- 在 JavaScript 中，对象是一种复杂数据类型，它可以容纳任何类型的键值对，而且可以动态添加或删除属性。
- 许多其他语言中也有对象类型，但它们可能更接近于结构体或类实例，具有固定的成员列表。
函数作为一等公民：
- JavaScript 函数可以被赋值给变量、作为参数传递给其他函数以及作为函数返回值，这被称为“一等函数”或“第一类函数”。
- 虽然一些现代语言也支持此特性（例如 Python 和 Scala），但在早期很多语言如 C 语言中函数并不具备这样的灵活性。
数组和数据结构：
- JavaScript 数组是动态大小的，并且可以包含不同类型的元素，这是与许多静态类型语言（如 C 语言数组）的不同之处。
- 另外，JavaScript 还提供了灵活的对象字面量和 Map、Set 等集合数据结构。
特殊的 null 和 undefined 类型：
- JavaScript 有 null 和 undefined 两种表示空值或未定义状态的类型，而许多其他语言可能只有一种方式来表达类似的概念。
typeof 操作符的行为：
- JavaScript 的 typeof 操作符可以用来检测变量的类型，但它返回的结果有些特例，比如 typeof null 返回 "object"，这是 JavaScript 中的一个历史遗留问题。
新增数据类型：
- 随着 ECMAScript 标准的演进，JavaScript 添加了新的数据类型，比如 ES6 中引入的 Symbol 类型，以及 ES2020 中的 BigInt 类型，这些在传统的 C 家族语言或其他一些较早的语言中是没有的。