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

语言: CN / TW / HK
时间 2023-03-23 09:15:27

theme: channing-cyan highlight: a11y-light

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

JavaScript编写注意事项

script元素不能写成单标签

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

image-20230119202722437

省略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代码打印输出的内容

image-20230119204528137

补充说明

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