利用存储差异，深挖JS中的数据类型

前端

2024-01-11 07:42:58

理解 JavaScript 数据类型的存储差异

作为一名 JavaScript 开发人员，掌握数据类型及其存储差异至关重要。本文将深入探讨 JavaScript 中的基本类型和复杂类型的存储机制，帮助您更透彻地理解和利用这些类型。

数值类型

JavaScript 提供两种数值类型：整数和浮点数。整数采用 32 位有符号整数格式存储，这意味着它们可以表示 -2^31 至 2^31-1 之间的整数。浮点数采用 64 位双精度浮点数格式存储，可表示更宽泛的数字范围，包括分数和小数。

布尔类型

布尔类型仅包含 true 或 false 两个值，以 1 位存储。它通常用于表示真假条件或逻辑值。

字符串类型

字符串类型存储一组字符，使用 16 位 Unicode 字符编码。Unicode 编码允许字符串表示各种语言和符号。

数组类型

数组类型是一个有序的元素列表。每个元素可以是任何数据类型，而数组元素的存储位置是连续的。这意味着相邻元素存储在内存中相邻的位置。

对象类型

对象类型是一个无序的键值对集合。每个键是一个字符串，而每个值可以是任何数据类型。对象的每个键值对分别存储在内存中，而不是连续存储。

函数类型

函数类型存储可执行的代码块。函数可以在运行时创建，并且可以作为参数传递给其他函数。这意味着函数本身也是一种数据类型，可以像其他数据一样操作。

存储差异

基本类型

基本类型（数值、布尔和字符串）的值存储在栈中。栈是一种先进后出的数据结构，这意味着最后进入栈中的值是第一个被移除的值。

复杂类型

复杂类型（数组、对象和函数）的值存储在堆中。堆是一种后进先出的数据结构，这意味着最早进入堆中的值是最后一个被移除的值。

实例

以下代码示例展示了不同数据类型及其在内存中的存储位置：

let num = 10; // Number (32-bit integer)
let floatNum = 1.5; // Number (64-bit double-precision floating-point number)
let bool = true; // Boolean (1 bit)
let str = "Hello, world!"; // String (16-bit Unicode characters)

let arr = [1, 2, 3, 4, 5]; // Array (ordered list of elements)
let obj = { name: "John Doe", age: 30 }; // Object (unordered collection of key-value pairs)

function greet() {
  // Function (executable block of code)
}