TypeScript引用|极客教程

TypeScript引用

什么是引用?

在 TypeScript 中，引用是指将变量或值赋给另一个变量的过程。当我们使用引用时，实际上是指向相同的内存地址，因此对一个变量的修改也会影响到另一个变量。

为什么要使用引用?

使用引用可以减少内存的占用和提高性能。当我们将一个值赋给另一个变量时，实际上并不会创建一个新的值，而是简单地将内存地址赋给了另一个变量。这样，在修改这个值时，不需要对另一个变量重新进行赋值，而是直接修改这个内存地址的值。

如何使用引用?

在 TypeScript 中，使用引用非常简单。当我们将一个变量赋给另一个变量时，实际上是将这个变量的引用赋给了另一个变量。例如：

let num1 = 10;
let num2 = num1; // 将num1的引用赋给num2
console.log(num1); // 输出10
console.log(num2); // 输出10

num1 = 20;
console.log(num1); // 输出20
console.log(num2); // 输出10

在上面的示例中，我们将num1的值10赋给了num2，实际上是将num1的引用赋给了num2。当我们修改num1的值时，num2的值不会改变，因为它们指向的是不同的内存空间。

引用类型

除了基本类型之外，还有一种特殊的类型叫做引用类型。引用类型是指对象、数组和函数等数据类型，它们在赋值时实际上是将对象的引用赋给了变量。因此对引用类型的修改会影响到所有引用它的变量。

对象

对象是引用类型的一种，当我们创建一个对象并赋给一个变量时，实际上是将这个对象的引用赋给了变量。因此对对象的修改会影响到所有引用它的变量。

let obj1 = {name: 'Alice'};
let obj2 = obj1; // 将obj1的引用赋给obj2
console.log(obj1); // 输出{name: 'Alice'}
console.log(obj2); // 输出{name: 'Alice'}

obj1.name = 'Bob';
console.log(obj1); // 输出{name: 'Bob'}
console.log(obj2); // 输出{name: 'Bob'}

在上面的示例中，我们创建了一个对象{name: ‘Alice’}并将其赋给obj1，然后将obj1的引用赋给obj2。当我们修改obj1的值时，obj2的值也会发生变化。

数组

数组也是引用类型的一种，当我们创建一个数组并赋给一个变量时，实际上是将这个数组的引用赋给了变量。因此对数组的修改会影响到所有引用它的变量。

let arr1 = [1, 2, 3];
let arr2 = arr1; // 将arr1的引用赋给arr2
console.log(arr1); // 输出[1, 2, 3]
console.log(arr2); // 输出[1, 2, 3]

arr1.push(4);
console.log(arr1); // 输出[1, 2, 3, 4]
console.log(arr2); // 输出[1, 2, 3, 4]

在上面的示例中，我们创建了一个数组[1, 2, 3]并将其赋给arr1，然后将arr1的引用赋给arr2。当我们向arr1中添加一个元素时，arr2中也会添加这个元素。

函数

函数也是引用类型的一种，当我们创建一个函数并赋给一个变量时，实际上是将这个函数的引用赋给了变量。因此对函数的修改会影响到所有引用它的变量。

function greet(name: string): void {
    console.log(`Hello,  ${name}!`); } let sayHello = greet; // 将greet函数的引用赋给sayHello sayHello('Alice'); // 输出Hello, Alice! greet = function(name: string): void { console.log(`Hi,$ {name}!`);
}

greet('Bob'); // 输出Hi, Bob!
sayHello('Charlie'); // 输出Hi, Charlie!

在上面的示例中，我们创建了一个函数greet并将其引用赋给sayHello。当我们重新定义greet函数时，sayHello的值也会改变。