【九月打卡】第15天认识输出语句与处理报错

一、课程概述

1、学习课程名称：前端工程师2022版

2、章节名称：JS基础语法与表达式第二章2-5~2-13

(2-5 认识输出语句-慕课网体系课 (imooc.com))

3、讲师名称：一阶段老师

二、内容分享

（一）认识输出语句

1、alert()语句：弹出警告框

alert('慕课网')；

（1）alert()是内置函数，函数就是功能的“封装”，调用函数需要使用圆括号（英文状态下）

（2）括号内的内容是函数的参数，如果参数是字符串（比如慕课网），就需要将它用引号包裹起来，单引号和双引号都是可以的

（3）语句的末尾应该书写分号（英文状态下），虽然不是必须写，但是写了对未来维护程序有用

（4）作用：警告框，浏览器会在出现这个语句时停止一切程序的执行，直到用户点击了alert语句中的“确定”按钮才会继续执行，如果设置了多个alert语句，只有点击完前一个警告框才会出现下一个警告框

2、console.log()：控制台输出

（1）console表示控制台，log表示输出，console是JS的内置对象，通过“打点”可以调用它内置的log"方法"（即对象能够调用函数）

（2）它不会输出在浏览器页面上，它会输出在页面的控制台上，右键点击检查可以从console控制台看到，也可以直接点击F12，会直接打开控制面板

（3）它不会打断页面的程序运行，不需要用户点击就可以将参数全部显示在控制台上

（二）学会处理报错：遇见错误先自己尝试解决，甚至可以准备一个错题本，用来记录自己的错误

1、英文符号写成中文符号：语法错误

2、忘记用引号包裹：引用错误，会把字符串变成变量，浏览器会报错

3、错误拼写alert，引用错误

4、REPL环境：控制台也是一个REPL环境，console控制台可以直接测试语句，会直接读一条执行一条

5、报错语句拓展：注意以下两个语法必须使用小写字母，如果使用大写字母会出错

（1）try…catch语法：

try {

  //在此运行代码，包含需要运行的代码

}catch (err) {

  //在此处理错误，包含错误发生时运行的代码

}

作用：

1）使用try……catch语句，错误可以在catch中捕获，并且不会因为报错而中断代码的执行：例：报错情况：使用变量前变量需要先声明，否则会报错

2）如果代码中没有错误，就不会执行catch中的语句

（2）try…catch…finally语法

try {

    //在此运行代码

  }catch (err) {

    //在此捕获错误

  }

  finally {

    // 无论 try / catch 结果如何，写在此处的代码都会执行

  }

作用：

1）错误可以捕获到，finally语句中的代码也会执行

2）代码没有错误，catch不会执行，但是finally里的代码会执行

三、学习心得

有一句古话说“错误总是难免的”，虽然在编程时会小心不出错，但总会有可能出现错误的情况，此时一定不要怕错误，要沉下心来，耐心解决问题，自己解决的问题都会成为自己阅历经验的一部分，加油！