重新巩固JS（三）——JavaScript语句

tunny 发布于2019-05-23 14:14 / 2513人阅读

摘要：重新巩固系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第三篇。其中，部分可以省略条件语句语句例子为，小于但大于，故输出语句当表达式的值等于值时，执行语句，遇到语句则跳出语句，若都没匹配到值，则执行中的语句。

重新巩固JS系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第三篇。 其他JS重新巩固系列：

重新巩固JS（一）——JavaScript基本类型

重新巩固JS（二）——JavaScript操作符与表达式

1. 条件语句 1.1 if else语句

//当条件为真时，执行语句1，条件为假时，执行语句2。其中，else部分可以省略
if (条件) { 
    语句1 
} else { 
    语句2 
}

//例子：
let score = 75
if ( score > 80) {
    console.log("A")
} else if ( score > 60) {
    console.log("B")
} else {
    console.log("C")
}
// score为75，小于80但大于60，故输出： B

1.2 switch语句

// 当 表达式的值 等于 值1 时，执行 语句1，遇到break语句则跳出switch语句，若都没匹配到值，则执行default中的语句。
switch (表达式) {
    case 值1: 
        语句1
        break
    case 值2: 
        语句2
        break
    default: 
        语句3
        break	
}

//例子
let score = "B"
switch ( score ) {
    case "A":
        console.log("> 80")
        break
    case "B":
        console.log("60 ~ 80")
        break
    default :
        console.log("< 60")
}
// score的值跟case的"B"相匹配，故输出： 60 ~ 80，遇到break，结束switch语句

注意：一般情况下，我们在每个case语句后都要加上break语句来跳出switch语句。若不添加，则会执行匹配到的case语句后的所有语句，直到遇到break为止。

2. 循环语句 2.1 while语句

//当 表示达 为真时，执行 语句1 直到 表达式 为假。
while ( 表达式 ) {
    语句1
}

注意：在语句1中一定要对表达式进行操作，使其在一定循环次数内变为假，否则会导致死循环。

2.2 do while语句

//先执行语句1，然后再根据表达式的真假情况来决定是否继续执行语句1
do {
    语句1
} while ( 表达式 )

注意：不管什么情况下，do while语句总会先执行一次语句1。

2.3 for语句

//首先执行初始化部分，然后进行循环条件的判断，若为真，则执行语句1，最后再执行更新表达式部分。若为假，则结束for循环。
for ( 初始化; 循环条件; 更新表达式) {
    语句1
}

注意： 初始化和更新表达式部分都不是必需的，初始化部分可以放在for语句外部，而更新表达式部分可以放在语句1中。

2.4 for in语句

用于遍历对象的属性。

//遍历对象的属性
for ( 属性名 in 对象) {
    语句1
}

注意： for in语句也会遍历原型链上的属性（原型链相关可参考：帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）），若只想遍历对象自身的属性，可以使用以下方式：

for ( let 属性名 in 对象) {
    if ( 对象.hasOwnProperty( 属性名 ) ) {
        语句1
    }
}

3. 控制语句 3.1 continue语句

continue语句用于循环语句中，跳过当前的循环，进入下一次循环。

3.2 break语句

break语句用于控制流程中，直接跳出循环语句或者switch语句。

4. 异常捕获语句

/**
* 将可能发生异常的 语句1 放到try语句块中，若 语句1 执行时有异常，则被 catch语句 捕获，
* 接着执行 语句2 ，最后再执行 finally语句块 中的 语句3。
* 其中 finally语句块 中的 语句3，不管 语句1 是否有异常都会执行。
*/
try {
    语句1
} catch ( exception ) {
    语句2
} finally {
    语句3
}

//例子
try {
    console.log(myName)
} catch ( exception ) {
    alert( exception)
} finally {
    alert("bad dream!")
}
/** 
* 在try语句块中，我们试图输出变量myName的值，但是变量myName并未定义，所以出现异常被catch语句块捕获，
* 然后弹窗出现内容：ReferenceError: myName is not defined，
* 最后再执行finally语句，弹窗出现内容：bad dream!
*/

5.with语句（不推荐使用）

可以让我们在访问对象属性时更加简短。with语句在性能上存在问题，以及在作用域上可能会引起不必要的混淆，ES5的严格模式中也禁用了该语句，不推荐使用。

with ( 表达式 ) {
    语句
}

//例子：
let cc = {
    name: "cc",
    age: 100,
    company: {
        name: "BEST",
        address: "Hang Zhou"
    }
}

with(cc) {
    console.log(`company name:${company.name}, company address: ${company.address}`)
}
//输出： company name:BEST, company address: Hang Zhou

//替代的方法：
let company = cc.company
console.log(`company name:${company.name}, company address: ${company.address}`)
//输出： company name:BEST, company address: Hang Zhou

云服务器 GPU云服务器 javascript 语句巩固 js 重新加载 js 视频重新加载

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

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

重新巩固JS（二）——JavaScript操作符与表达式

摘要：重新巩固系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第二篇。关系运算符用于比较操作符左右的操作数的大小。逻辑运算符主要通过与或非来判断一个表达式的值是否为。注意与和或操作具有短路计算效果。重新巩固JS系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第二篇。其他JS重新巩固系列：重新巩固JS（一）——JavaScript基本类型重新巩固JS（三）——JavaSc...

DoINsiSt 2019-05-23 13:55 评论0 收藏0
重新巩固JS（一）——JavaScript基本类型

摘要：对象类型除了原始类型的值以外，其他都是对象。例如对象有属性，值为，还有属性，值为重要的特殊对象特殊对象函数数组日期正则全局错误。重新巩固JS系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第一篇。其他JS重新巩固系列：重新巩固JS（二）——JavaScript操作符与表达式重新巩固JS（三）——JavaScript语句 JavaScript基本类型在编程领域中，数据类型...

pingan8787 2019-05-23 13:54 评论0 收藏0
基础巩固：JavaScript基础总结(基本概念篇)

摘要：基础巩固基础总结使用已经好几年了，由于工作主要是做服务端开发，在工作中逐渐发现的使用范围原来越广泛。这里要注意，务必将基础部分掌握牢靠，磨刀不误砍柴功，只有将基础部分掌握并建立起系统的知识体系，在后面学习衍生的其他模式才能游刃有余。基础巩固：JavaScript基础总结使用JavaScript已经好几年了，由于工作主要是做服务端开发，在工作中逐渐发现JavaScript的使用范围原...

YuboonaZhang 2019-08-26 12:08 评论0 收藏0
ES5和ES6作用域详解

摘要：允许在块级作用域内声明函数。上面代码中，存在全局变量，但是块级作用域内又声明了一个局部变量，导致后者绑定这个块级作用域，所以在声明变量前，对赋值会报错。 ES5的作用域变量起作用的范围，js中能创建作用域的只能是函数 { let a = 1; var b = 2; } console.log(a); // a is not defined console.log(b); //...

Dr_Noooo 2019-08-21 17:30 评论0 收藏0
【重温基础】1.语法和数据类型

摘要：语法和数据类型正文开始本章节复习的是中的基本语法，变量声明，数据类型和字面量。声明一个块作用域的局部变量，可赋一个初始值。变量声明有三种方式如，声明局部变量和全局变量。最近开始把精力放在重新复习JavaScript的基础知识上面，不再太追求各种花枝招展的前端框架，框架再多，适合实际项目才是最重要。上星期在掘金发布了几篇文章，其中最大块算是【复习资料】ES6/ES7/ES8/ES...

Darkgel 2019-08-23 13:58 评论0 收藏0