1. JS 是什么
JS 全称 JavaScript ，它其实和 Java 没什么关系，它是一种运行在客户端，也就是浏览器的编程语言，实现 人机交互 效果。
如果我们将一只五彩斑斓小鸟进行 “拆分”，可以将其分成三个部分：构成小鸟的骨架、漂亮的羽毛、会飞的行为，我们之前所学的 HTML 就是构成小鸟的 骨架；CSS 则是小鸟的外表，五彩斑斓的漂亮 羽毛；那会飞的小鸟、扇动翅膀的小鸟等一系列 行为动作 就是 JS 了。
JS 作用：
- 网页特效：监听客户端的行为，使网页做出相对应的反馈；
- 表单验证：对客户端输入的表单数据进行合法性判断，将不合法的表单数据拦截在前端，减少消耗服务器资源；
- 数据交互：从后台获取需要的数据，然后将其渲染到前端界面；
- 服务端编程：如 Node.js
JS组成结构图：
（1）ECMAScript
ECMAScript 规定了 js 基础语法的核心知识，例如变量、循环语句、对象等
（2）Web APIs
- DOM ：文档对象模型，用来操作页面文档，例如对页面元素进行移动、添加等操作；
- BOM ：浏览器对象模型，操作浏览器，比如把数据保存到浏览器、检测窗口宽度等
权威网站 MDN
可以在 MDN （MDN Web Docs (mozilla.org)）网站查找 JS 语法，例如 “map” 的用法：
2. JS 书写位置
JS 与 CSS 样式表一样，也有三种位置可以写：内联 JS 、内部 JS 和 外部 JS
（1）内部 JS
内部 JS 直接写在 HTML 文件里面，用 script 标签包裹住，script 标签一般写在 </body> 上面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<!-- 内部 JS -->
<script></script>
</body>
</html>
我们将 <script> 标签放在 HTML 文件的 底部 附近是因为浏览器会按照代码在文件中的 顺序 加载 HTML 。
如果先加载了 JS ，这时想要修改位于它下方的 HTML 结构，那么可能会因为 HTML 结构没有完全加载出来，从而使 JS 修改无效，因此将 JS 代码放在 HTML 页面的底部附近是比较好的方式。
（2）外部 JS
外部 JS 代码写在以 .js 结尾的文件里，然后通过 <script> 标签，引入到 HTML 页面中。
值得注意的是，script 标签中间不需要写代码，否则会被忽略，但是使用 外部 JS 会使代码看起来更整洁、更利于复用，因此这是一种比较推荐的方式。
（3）内联 JS
内联 JS 写在标签内部，但现阶段知道即可，这种写法在 vue 中比较常见。
