JavaScript 之 中心语法 [ 语句 ]

语句概略

形貌

  • 在JavaScript代码中,运用分号(;)分开的能够叫做是语句

语句块

  • 在JavaScript代码中,大括号({})示意语句块
  • 语句块中能够存在一条或多条语句

语句的分类

  • 前提语句
  • 轮回语句
  • 跳转语句

前提语句

形貌

  • 经由过程对前提表达式的计算结果举行推断,来决定要实行的语句

if…else语句

语法

if ( 前提表达式 ) {
   语句块 - 当前提表达式计算结果为true时才实行
} else {
   语句块 - 当前提表达式计算结果为false时才实行
}

前提表达式

  • 用于掌握实行指定的语句块
  • 前提表达式的计算结果平常为boolean范例值
  • 假如表达式的计算结果不为boolean范例,会先将数据范例强转成boolean范例,在举行推断
示例代码
/* 前提表达式为boolean范例 */
var boo = true;
/* 增加前提表达式 */
if ( boo ) {
    /* 表达式结果为true时 */
    console.log( '推断结果为true' );
} else {
    /* 表达式结果为false时 */
    console.log( '推断结果为false' );
}
/* 前提表达式不是boolean范例 */
var num = 100;
/* 增加前提表达式 */
if ( num ) {
    /* 表达式结果为true时 */
    console.log( '推断结果为true' );
} else {
    /* 表达式结果为false时 */
    console.log( '推断结果为false' );
}

嵌套

  • if…else 语句许可嵌套
示例代码
/* if...else语句的嵌套 */
var ss = 90;
/* 增加前提表达式 */
if ( ss > 80 ) {
    /* 表达式结果为true时 */
    console.log( '优异' );
    /* 表达式结果为false时 */
} else {
    /* 能够嵌套在做分类 */
    /* 当第一个表达式结果为false时,在做挑选 */
    if ( ss > 50 ) {
        /* 结果是true时 */
        console.log( '合格' );
        /* 结果是false时 */
    } else {
        /* 能够在嵌套在做分类(发起最多嵌套三层) */
        /* 当上一个表达式结果为false时,在做挑选 */
        if ( ss > 30 ) {
            /* 结果是true时 */
            console.log( '不合格' );
        } else {
            /* 结果是false时 */
            console.log( '很差' );
        }
    }
}

else…if语句

  • 是对if…else语句嵌套的一些优化
  • 与if…else语句嵌套的对照

    • 代码的可读性变高
    • 代码的加载时候变快
    • 显现结果雷同
示例代码
/* else...if语句 */
var sss = 95;
/* 增加前提表达式 */
if ( sss > 90 ) {
    console.log( '优异' );
} else if ( sss > 80 ) {
    console.log( '很棒' );
} else if ( sss > 60 ) {
    console.log( '合格' );
} else if ( sss > 40 ) {
    console.log( '不合格' );
} else {
    console.log( '很差' );
}

switch…case语句

语法

switch ( 前提表达式 ) {
    case 值:
        语句块
        break;
    ... ...
    default:
        语句块
}

前提表达式

  • 前提表达式的计算结果不一定是boolean范例,也能够是其他范例

case语句

  • case的值与表达式的结果举行比较推断
  • 结果为true时显现对应结果
  • 结果为false时会在举行推断表达式的结果
  • case的值与表达式的结果之间是全等比较(既要比较值,也要比较范例)

break关键字

  • 示意该语句的完毕
  • 每一个case语句所对应的语句块中都邑增加 break 关键字
  • break 关键字并非switch语句的语法请求,而是switch语句的须要

default语句

  • 在每一个case中都没有对应前提的能够再语句中末了增加default来做末了显现
  • 也能够将default增加在语句中的恣意位置,表达结果一样,然则要在个中增加break
示例代码
var s = 2;
/* 增加前提表达式 */
switch ( s ) {
    /* 前提表达式的计算结果即是case值 */
    case 0:
        /* 显现当前case语句对应的语句 */
        console.log( '0' );
        /* 实行完语句后完毕挑选推断 */
        break;
    case 1:
        console.log( '1' );
        break;
    /* 在没有婚配的case语句时,会显现default中的语句 */
    default:
        console.log( '没有可选项' );
}

轮回语句

形貌

  • 让一段JavaScript代码反复实行

while语句

语法

while ( 前提表达式 ) {
    语句块
}
示例代码
/* while语句 */
var s = 1;
/* 举行前提表达式推断 */
while ( s < 10 ) {
    console.log( s );// 在不转变 变量的值时会一向轮回显现
    s++;// 转变 变量的值,使表达式的计算结果转变,完毕轮回
}
  • 经由过程转变 变量的值 来掌握前提表达式的计算结果
  • 要设置出口来完毕轮回,不然会举行无穷的死轮回,没法完全完毕

do…while语句

语法

do {
    语句块
} while ( 前提表达式 )

与while语句对照

  • while语句

    • 假如没有满足前提推断,将不举行轮回语句显现
  • do…while语句

    • 会先显现一次语句块,在举行前提表达式推断
示例代码
/* do...while语句 */
var ss = 1;
do {
    /* 先显现一次语句块 */
    console.log('哈哈哈哈');
  /* 举行前提表达式推断 */
} while ( ss > 10 );

for语句

语法

for ( 定义变量表达式; 前提表达式; 轮回掌握表达式 ) {
        语句块
}

表达式的诠释

  • 定义变量表达式 – 示意掌握轮回的变量
  • 前提表达式 – 示意掌握轮回变量的值
  • 轮回掌握表达式 – 示意掌握轮回完毕
  • 三个表达式能够省略,然则表达式的分开符必需存在,示意站位
示例代码
for ( var i = 0; i < 10; i++ ) {
    console.log( i );
}

跳转语句

形貌

  • 当前实行的JavaScript代码,从当前位置跳转到另一个位置

跳转语句的注重

  • 跳转语句只能用于轮回语句中,而不能用于前提推断构造
  • switch…case语句 中运用的 break语句,不是 break 的用法,而是 switch语句 的须要

break语句

  • 示意完毕团体轮回
示例代码
for ( var s = 0; s < 10; s++ ) {
    if ( s == 4 ) {
        break;
    }
    console.log( s );// 显现 0 1 2 3 
}

continue语句

  • 示意完毕本次轮回
示例代码
for ( var i = 0; i < 10; i++ ) {
    if ( i == 4 ) {
        continue;
    }
    console.log( i );// 显现 0 1 2 3   5 6 7 8 9
}
    原文作者:蔡志远
    原文地址: https://segmentfault.com/a/1190000015939050
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞