TypeScript TypeScript中问号（）在变量中的使用

在本文中，我们将介绍TypeScript中问号（?）在变量中的使用。问号是TypeScript中的一个重要的特殊符号，用于表示变量的可选性。

可选属性

TypeScript中，使用问号（?）可以定义可选属性。可选属性即在定义对象时，该属性可以存在也可以不存在，不一定需要赋值。通过在属性名后加上问号，即可将其定义为可选属性。

例如，我们定义了一个person对象类型，并将其age属性定义为可选属性：

interface Person {
    name: string;
    age?: number;
}

let person1: Person = {
    name: "Alice",
};

let person2: Person = {
    name: "Bob",
    age: 20,
};

在上述示例中，person对象的age属性是可选的。当我们给person1对象赋值时，只需要提供name属性即可，而不需要提供age属性。而给person2对象赋值时，需要同时提供name和age属性。

可选参数

问号（?）同样可以用于函数参数的定义，表示该参数为可选参数。

例如，我们定义了一个add函数，其中的参数b为可选参数：

function add(a: number, b?: number): number {
    if (b) {
        return a + b;
    } else {
        return a;
    }
}

console.log(add(1)); // 输出：1
console.log(add(1, 2)); // 输出：3

在上述示例中，add函数定义了两个参数，其中b参数为可选参数。当我们调用add函数时，可以只提供一个参数，此时b参数会被忽略。当我们同时提供两个参数时，b参数会被使用。

可选属性和可选参数的区别

在TypeScript中，可选属性和可选参数的区别在于可选属性可以在对象中不赋值，而可选参数在函数调用时不传递参数。

举个例子，我们再次看一下可选属性的示例：

interface Person {
    name: string;
    age?: number;
}

let person1: Person = {
    name: "Alice",
};

let person2: Person = {
    name: "Bob",
    age: 20,
};

在上述示例中，我们可以看到person1对象没有给age属性赋值，而person2对象给age属性赋值为20。

而可选参数的示例是这样的：

function add(a: number, b?: number): number {
    if (b) {
        return a + b;
    } else {
        return a;
    }
}

console.log(add(1)); // 输出：1
console.log(add(1, 2)); // 输出：3

在上述示例中，我们调用add函数时第二个参数b是可选的，可以选择不传递参数。如果我们只传递一个参数调用add函数，则会使用默认的参数值。