资讯专栏INFORMATION COLUMN

JavaScript核心语法——语句

seanlook / 1642人阅读

摘要:语句块的结尾不需要分号,语句块中的行都有缩进单并不是必须的。条件语句条件语句就是指通过判断指定的计算结果,来决定执行还是跳过指定的语句块。语句,在语句的基础上,允许提供多个条件判断。语句是终端语句,用于循环语句或开关语句。

语句 语句的概念

语句其实就是JavaScript中的整句或命令,使用分号进行分隔,可以编写一句,也可以编写多句。
JavaScript中使用花括号({})表示一个语句块。使用语句块给语句分组,这样可以更加具有可读性。(语句块的结尾不需要分号,语句块中的行都有缩进单并不是必须的)。

条件语句

条件语句就是指通过判断指定的计算结果,来决定执行还是跳过指定的语句块。
JavaScript提供了两种条件语句;if...else语句和switch...case语句。
if语句
if条件表达式;语句块(当条件表达式计算结果为true时才执行)
作用;控制是否执行指定的语句块
结果;一般为Boolean类型的值
问题;如果条件表达式计算的结果不是Boolean类型,把结果强行转换为Boolean类型在进行判断。

/*if (result) {
    console.log("这是if语句执行的语句块...");
}*/

/*if (1 && 0) {
    console.log("这是if语句执行的语句块...");
}*/

var v;/* 定义变量,但不初始化 */
/*if (v = "卧龙学苑") {/!* 将变量的初始化操作,放置在条件表达式中 *!/
    console.log("这是if语句执行的语句块...");
}*/
// 等价于以下写法
v = "卧龙学苑";/* 变量的初始化操作 */
if (v) {
    console.log("这是if语句执行的语句块...");
}

console.log("这是if语句执行完毕后的内容...");

if...else语句
if...else语句是条件判断语句,但是和if语句流程并相同

var result = false;

if (result) {
    console.log("这是语句块一...");//语句块一
} else {
    console.log("这是语句块二...");//语句块二
}

console.log("这是if语句执行完毕后的内容...");


条件语句和条件运算符的区别
1.条件语句可读性更高,执行的性能更低
2.条件运算符可读性更低,执行的性能更高
if...else语句嵌套
if...else语句嵌套跟运算符嵌套相似,嵌套多了可读性就低了。
else...if语句,在if语句的基础上,允许提供多个条件判断。
else..if语句和if...else语句嵌套相比,else..if语句没有嵌套结构,性能更好。

switch...case语句
switch...case语句是开头语句,但是整体执行流程比if...else语句复杂的多。不过switch...case语句要比if...else语句执行性能更好,但是也有很多需要注意的地方。
比如;1.switch关键字后面的小括号和case关键字后面的冒号都不能省略的

break语句是跳出语句的,一旦执行表示后面所有的case和default语句都不会被执行。

var result = "0";
    枚举 - 将计算结果可能的值尽量的罗列完整
  
     条件表达式 - 不一定是Boolean类型,计算结果分别与case语句的值进行比较
       条件表达式计算结果与case语句的值是全等比较(既要比较值,也要比较类型)
    case语句 - 罗列可能的匹配值
      对应的语句块最后添加 break 关键字 - 当执行对应的语句块之后,停止继续执行
     default语句 - 类似于if...else语句中的else语句
      当以上所有case语句的值都不匹配时,默认执行default语句对应的语句块
       注意 - 不是default语句不需要使用break关键字,而是default默认一般被编写在最后
    
 
switch (result) {
    case 0:
        console.log("这是数字0");
        break;
    case 1:
        console.log("这是数字1");
        break;
    default:
        console.log("以上结果无一满足");
}
while语句

循环语句是什么;
循环语句是一系列反复执行到符合特定条件的语句。为了更好的理解循环语句,可以将JavaScript代码想象成一条条的分支路径。
循环语句的执行流程图


do...while语句其实也是一个基本循环语句,执行流程和while语句很相似
(注意;while关键字后面的小括号不能省略)
1.执行语句块
2.执行while语句的条件判断是true还是false
3.如果为true,执行语句块。然后在重新计算
while语句的条件判断是true还是false
4.如果为false,继续执行下面的代码
do...while和while语句的区别
1.do...while语句先执行,在判断
2.while语句先判断,在执行
当while关键字后面的条件第一次执行的时候,如果返回结果是false,那么while语句的语句块一次都不会被执行,而do...while语句的语句块至少被执行一次。
for语句
for语句是一种最简洁的循环语句。包括三个重要部分
1.初始化表达式;初始化一个计数器,在循环开始前计算初始状态。
2.条件判断表达式;判断给定的状态是否为true。如果条件是true就执行语句块,否则跳出循环。
3.循环操作表达式;改变循环条件,修改计数器的值

var v = 0;
while (v < 10) {
    console.log(v);
    v++;
}
console.log(v);


    for (初始化表达式; 条件判断表达式; 循环控制表达式) {
        语句块
    }
     初始化表达式 - 用于初始化控制循环的变量
     条件判断表达式 - 用于判断是否要结束循环
     循环控制表达式 - 用于控制结束循环的节点
    注意:
     for语句的语法要求并不强制必须定义以上三个表达式
     一旦省略三个表达式的话,表达式的分隔符必须存在
 
for (var v = 0; v < 10; v++) {
    console.log(v);
}

var v = 0;
for (; v < 10; ) {
    console.log(v);

    v++
}
跳转语句

JavaScript中另一种语句就是跳转语句,他可以使JavaScript代码的执行从一个位置到另一个位置。跳转语句提供了break和continue两种,用于跳转当前的循环或开始下一次的循环。
break语句是终端语句,用于循环语句或开关语句。

   跳转语句
     作用 - JavaScript代码从指定位置跳转到另一个指定的位置
     场景 - 跳转语句只能用于循环执行结构,而不能用于条件判断结构
       注意 - switch...case语句中使用的break,并不是break的用法,而是switch语句的用法
     循环语句中的跳转语句
       break语句 - 表示结束整体循环
       continue语句 - 表示结束本次循环
 
var result = 0;
switch (result) {
    case 0:
        console.log(0);
        break;
    case 1:
        console.log(1);
        break;
    default:
        console.log(2);
}

if (true) {
    console.log("if语句...");
    break;
}

for (var i=0; i<9; i++) {
    if (i == 4) {
        continue;
    }
    console.log(i);
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96744.html

相关文章

  • JavaScript核心语法 [ 语句 ]

    摘要:语句概况描述在代码中,使用分号分隔的可以叫做是语句语句块在代码中,大括号表示语句块语句块中可以存在一条或多条语句语句的分类条件语句循环语句跳转语句条件语句描述通过对条件表达式的计算结果进行判断,来决定要执行的语句语句语法条件表达式语句块当 语句概况 描述 在JavaScript代码中,使用分号(;)分隔的可以叫做是语句 语句块 在JavaScript代码中,大括号({})表示语句块 ...

    stormjun 评论0 收藏0
  • JavaScript核心语法之之语句

    JS(JavaScript) 语句 一。概述; 1.语句概述; 在JavaScript中,语句使用分号进行分割,可编写一条语句,也可编写多条语句条件语句;在JavaScript中根据判断是执行还是跳过语句循环语句;在JavaScript中判断是否重复执行语句跳转语句;在JavaScript中跳转到语句2.语句块;在JavaScript中使用一对花括号({})表示一个语句块3.空语句;空语句允许包...

    shleyZ 评论0 收藏0
  • JavaScript核心语法-基础语法

    摘要:基础语法区分大小写是一种区分大小写的语法,意味着的关键字变量名函数名以及其他一切的字符表示都要使用一致的大小写形式。化物语化物语空格和换行会忽略代码中出现的空格换行制表符。如果不用花括号独立独立编写一个语句,语法并不报错,但不推荐。 JavaScript基础语法 区分大小写 JavaScript是一种区分大小写的语法,意味着JavaScript的关键字、变量名、函数名以及其他一切的字符...

    soasme 评论0 收藏0
  • JavaScript核心语法——函数

    摘要:定义函数与调用函数定义函数时,函数体的内容时不会被执行。调用函数才会真正执行这些。简单来说,就是调用函数时使用的参数就是实参。 函数 函数的概念 函数式什么?函数是一段JavaScript中的一段代码,它只能定义一次,但是可能被执行或调用多次。简单来说,函数就是一组可重用的代码,可以在程序的任何地方调用他。 定义函数与调用函数 定义函数时,函数体的内容时不会被执行。定义一个函数并不会自...

    NervosNetwork 评论0 收藏0
  • JavaScript核心语法之函数

    摘要:函数一函数是什么只能可定义一次,但是可定义有一次或多次调用这是个函数二函数定义函数定义的函数以两种方式表示函数声明和字面量表达式函数声明方式函数名称定义函数函数体内容不会被执行这是个函数字面量直接量函数名称函数体这是个函数调用函数先定义这个 JS(JavaScript)函数;一.函数是什么;只能可定义一次,但是可定义有一次或多次调用; var fun = function () { ...

    wqj97 评论0 收藏0

发表评论

0条评论

seanlook

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<