为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【九月打卡】第15天认识输出语句与处理报错

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

2022.09.19 08:49 44浏览

一、课程概述

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、英文符号写成中文符号:语法错误

 https://img1.sycdn.imooc.com/6327bae000013af404750187.jpg

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

 https://img4.sycdn.imooc.com/6327bafd00014d0d04030157.jpg

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

 https://img2.sycdn.imooc.com/6327bb130001b40204900198.jpg

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

https://img1.sycdn.imooc.com/6327bb770001728e04500116.jpg

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

(1)try…catch语法:

try {

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

}catch (err) {

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

}

作用:

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

 https://img2.sycdn.imooc.com/6327bbad0001ea8d04410255.jpg

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

(2)try…catch…finally语法

try {

    //在此运行代码

  }catch (err) {

    //在此捕获错误

  }

  finally {

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

  }

 

作用:

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

 https://img2.sycdn.imooc.com/6327bbde000121cd05820363.jpg

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

 

三、学习心得

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


点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
手记
粉丝
0
获赞与收藏
0

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

50篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

146篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消