day02-复习JavaScript编写注意事项 | 青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天

JavaScript编写注意事项

script元素不能写成单标签

• 在外联式引入js文件的时候，script标签中不可以写入JavaScript代码，并且script标签不能写成单标签

省略type属性

在以前的代码中，我们的script标签会使用type=“text/javascript”，不过现在咱们可以不用写了，因为**JavaScript是所有现代浏览器以及HTML5中默认的脚本语言**

加载顺序

• 作为HTML中的一部分，JavaScript默认遵循**HTML文档的加载顺序**，即自上而下的加载顺序（这一点会在 《JavaScript高级程序设计（第4版）》 详细讲解，后续Coder Peng会持续更文）
• 我们更推荐将JavaScript代码和边写的位置放在**body子元素的最后一行**

JavaScript代码严格区分大小写

这一点很多同学需要注意一下，可能以前有部分人学过Linux，觉得大小写比较随意，但是在JavaScript中，大小写是严格区分的

此外，HTML元素和CSS属性是不区分大小写的

JavaScript的交互方式

我们日常学习JavaScript的时候，最常用的调试语句为console.log，下面Coder Peng为大家整理了在JavaScript中一些常用的与用户交换的方式

交互方法	方法说明	效果查看
alert	接受一个参数	弹窗查看
console.log	接受多个参数	在浏览器控制台查看
document.write	接受多个字符串	在浏览器界面查看
prompt	接受一个参数	在浏览器接受用户输入

Chrome的调试工具

• 在前面的学习中，我们利用Chrome的调试工具来调试了HTML、CSS，它也可以帮助我们进行调试JavaScript
• 在接下来的学习中，当我们使用console.log进行调试的时候，我们可以在浏览器界面按下F12键，打开弹出的窗口里面的console键，就能看到js代码打印输出的内容

补充说明

1. 如果在代码中出现了错误，则浏览器会在console这一栏打印输出错误的原因，方便我们去进行修改
2. 如上图所示，console里面有一个>的表示，这个表示控制台的命令行，我们也可以在这个地方写入js代码对浏览器进行调试（写好之后按下Enter就会立即执行代码）
3. 如果希望编写多行代码，我们可以按下shift+enter进行换行编写
4. 在后续的学习中我们还会通过如何debug来进行调试，查看代码的执行流程