TypeScripts 引用类型与值类型的区别

在 TypeScript 中，数据类型可以分为两种：引用类型和值类型。了解它们的区别对于开发稳定、易维护的应用程序来说非常重要。

引用类型

引用类型在 TypeScript 中是一个非常基础的概念。当我们声明一个引用类型的变量时，它实际上只是一个指针，并不包含值本身。这个指针指向某个在内存中的位置，而这个位置才是真正存储值的地方。

let a: number[] = [1, 2, 3];
let b = a; // 将 b 设置为 a 的一个引用副本
b.push(4);

console.log(a); // [1, 2, 3, 4]
console.log(b); // [1, 2, 3, 4]

在上面的例子中，变量 b 被设置为变量 a 的引用副本。因为 a 是一个数组，所以 b 实际上是指向 a 在内存中的位置的一个指针。当我们使用 b.push(4) 向 b 添加一个元素时，实际上是在 a 指向的那个位置上添加了一个元素，所以 a 和 b 都会输出 [1, 2, 3, 4]。

值类型

值类型在 TypeScript 中是指那些直接存储值本身的数据类型，例如数字、布尔值和字符串。当我们声明一个值类型的变量时，它存储的就是变量的值本身。

let a: number = 1;
let b = a; // 将 b 设置为 a 的值副本
b = 2;

console.log(a); // 1
console.log(b); // 2

在上面的例子中，变量 b 被设置为变量 a 的值副本。因为 a 是一个数字，所以 b 存储的就是数字 1，并不是指向 a 的指针。当我们通过 b = 2 将 b 的值修改为 2 时，a 的值并没有改变，所以 a 和 b 输出的值分别为 1 和 2。

引用类型和值类型的比较

引用类型和值类型有哪些区别呢？这里列举几点：

• 引用类型是指针，值类型是值本身。
• 引用类型在赋值时是将一个指针赋值给另一个变量，值类型是将变量的值复制一份给另一个变量。
• 引用类型的变量可以指向同一个对象，值类型的变量只能存储一份值。
• 修改引用类型的变量时，可能会影响到其他指向同一对象的变量；修改值类型的变量时，不会影响其他变量。

总结

了解引用类型与值类型的区别可以帮助开发者更好地利用 TypeScript 的数据类型系统，编写出稳定、易维护的应用程序。在编写实际的代码时，根据具体的需求来选择使用引用类型或值类型，并在使用引用类型时特别注意指针的引用关系。

希望这篇文章对你有所帮助，如果还有不足或错误之处，欢迎指出。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64aa4c3448841e989466f182