Vue3快速上手（七） ref和reactive对比

目录

一、if语句

二、三元运算符

三、switch语句

JS中分支语句可以分为三种，分别是if语句、三元运算符、switch语句。

一、if语句

let num = 10
if (num > 20) {
    console.log("大于20");
} else if (num < 20) {
    console.log("小于20");
} else {
    console.log("等于20");
}

格外注意：

• 除了0，所有数字都为真
• 除了''，所有的字符串都为真

if (0) {
    console.log("执行语句"); // 不走这里
}

if ('') {
    console.log("执行语句"); // 不走这里
}

二、三元运算符

let num = 10
let result = num === 10 ? '等于10' : '不等于10'
console.log(result);

三、switch语句

语法：

switch (数据) {
    case 值1:
        代码1
        break
    case 值2:
        代码2
        break
    default:
        代码n
        break
}

• 找到跟小括号里数据全等的case值，并执行里面对应的代码
• 若没有全等===的则执行default里的代码
• 例：数据若跟值2全等，则执行代码2

1. switch case 语句一把用于等值判断，不适合与区间判断。
2. switch case 一般需要配合break关键字使用 没有break会造成case穿透，意思就是会执行每一个case下的代码。

let num = 2
switch (num) {
    case 1:
        console.log('等于1');
        break;
    case 2:
        console.log('等于2');
        break;
    default:
        break;
}