JS基础 流程控制

if

当条件为真时执行表达式代码块。

let state = true;
if (true) {
    console.log('表达式成立');
}

如果只有一条代码块，可以不用写 {}

let state = true;
if (true) console.log('表达式成立');

console.log('一直都显示的内容');

if/else 下面是使用多条件判断密码强度的示例

    
    



    let input = document.querySelector("[name='title']");

    input.addEventListener("keyup", function () {

        let length = this.value.length;
        let msg;
        
        if (length > 10) {
            msg = "密码已经无敌了";
        } else if (length > 6) {
            msg = "密码安全性中级";
        } else {
            msg = "这密码，要完的节奏";
        }
        document.querySelector("span").innerHTML = msg;
    });

三元表达式

是针对 if 判断的简写形式。

let n = true ? 1 : 2;
console.log(n); //1

let f = true ? (1 == true ? 'yes' : 'no') : 3;
console.log(f); // yes

下面是创建DIV元素的示例，使用三元表达式设置初始值

    function div(options = {}) {
        let div = document.createElement("div");
        div.style.width = options.width ? options.width : "100px";
        div.style.height = options.height ? options.height : "100px";
        div.style.backgroundColor = options.bgcolor ? options.bgcolor : "red";
        document.body.appendChild(div);
    }

    div();

    function div(options = {}) {
        let div = document.createElement("div");
        div.style.width = options.width ? options.width : "100px";
        div.style.height = options.height ? options.height : "100px";
        div.style.backgroundColor = options.bgcolor ? options.bgcolor : "red";
        document.body.appendChild(div);
    }

    options = {width:200,height:50,bgcolor:"green"};
    div(options);

switch

可以将 switch 理解为 if 的另一种结构清晰的写法。

• 如果表达式等于 case 中的值，将执行此 case 代码段
• break 关键字会终止 switch 的执行
• 没有任何 case 匹配时将执行 default 代码块
• 如果case执行后缺少break则接着执行后面的语句

let name = '视频';
switch (name) {
    case '产品':
        console.log('产品');
        break;
    case '视频':
        console.log('视频');
        break;
    default:
        console.log('电视')
}

case 合用示例

let error = 'warning';
switch (error) {
  case 'notice':
  case 'warning':
      console.log('警告或提示信息');
      break;
  case 'error':
      console.log('错误信息');
}

在 switch 与 case 都可以使用表达式

    function message(age) {
        switch (true) {
            case age