typescript条件?:-CFANZ编程社区

TypeScript 条件表达式 `?:`

TypeScript 是一种静态类型的编程语言，它是 JavaScript 的超集，为 JavaScript 添加了类型检查。在 TypeScript 中，我们可以使用条件表达式 ?: 来实现条件赋值和条件执行。这种语法可以帮助我们简化代码并提高代码的可读性。

条件表达式语法

条件表达式 ?: 是 JavaScript 中的三元运算符的简化版本。它的语法如下：

condition ? expression1 : expression2

其中，condition 是一个表达式，它的值将被计算为布尔值。如果 condition 的值为 true，则返回 expression1 的值；如果 condition 的值为 false，则返回 expression2 的值。

条件赋值

使用条件表达式可以在一行代码中实现条件赋值。例如，我们可以根据某个条件来选择性地给变量赋值：

let isAdmin: boolean = true;
let role: string = isAdmin ? "Admin" : "User";
console.log(role); // 输出 "Admin"

isAdmin = false;
role = isAdmin ? "Admin" : "User";
console.log(role); // 输出 "User"

在上面的代码中，当 isAdmin 的值为 true 时，将会把 "Admin" 赋值给 role 变量；当 isAdmin 的值为 false 时，将会把 "User" 赋值给 role 变量。

条件执行

除了条件赋值，条件表达式还可以用于条件执行。例如，我们可以根据某个条件来选择性地执行一段代码：

let isAdmin: boolean = true;
isAdmin ? console.log("Welcome, Admin!") : console.log("Welcome, User!");

isAdmin = false;
isAdmin ? console.log("Welcome, Admin!") : console.log("Welcome, User!");

在上面的代码中，当 isAdmin 的值为 true 时，将会执行 console.log("Welcome, Admin!")；当 isAdmin 的值为 false 时，将会执行 console.log("Welcome, User!")。

嵌套条件表达式

条件表达式可以嵌套使用，以实现更复杂的逻辑。例如，我们可以根据多个条件来选择性地执行一段代码：

let isAdmin: boolean = true;
let isSuperUser: boolean = true;

isAdmin && isSuperUser ? console.log("Welcome, Super Admin!") :
isAdmin ? console.log("Welcome, Admin!") :
console.log("Welcome, User!");

isAdmin = false;
isSuperUser = true;

isAdmin && isSuperUser ? console.log("Welcome, Super Admin!") :
isAdmin ? console.log("Welcome, Admin!") :
console.log("Welcome, User!");

isAdmin = false;
isSuperUser = false;

isAdmin && isSuperUser ? console.log("Welcome, Super Admin!") :
isAdmin ? console.log("Welcome, Admin!") :
console.log("Welcome, User!");

在上面的代码中，当 isAdmin 和 isSuperUser 的值都为 true 时，将会执行 console.log("Welcome, Super Admin!")；当 isAdmin 的值为 true 且 isSuperUser 的值为 false 时，将会执行 console.log("Welcome, Admin!")；当 isAdmin 和 isSuperUser 的值都为 false 时，将会执行 console.log("Welcome, User!")。