[TOC]

前言

最近与部门老大一起面试了许多前端求职者，其中想换个学习氛围较好的人占多数，但良好的学习氛围也是需要一点点营造出来的🌺。
为此我们组建了我们团队内部的“现代 JavaScript 突击队”，第一期学习内容为《现代 JavaScript 教程》系列，帮助小组成员系统地进行学习巩固，并让大家养成系统性学习和输出学习总结的学习方式。

本文作为我输出的第一部分学习总结，希望作为一份自测清单，帮助大家巩固知识，温故知新。

这里也下面分享我们学习小组的“押金制度”和“押金记录表”🍀
image.png
接下来开始分享自测清单的内容。
初中级前端 JavaScript 自测清单.png

一、Hello World!

1. 脚本引入方式

JavaScript 脚本引入方式有两种：

  • <script> 标签插入脚本；
  • <script> 标签 src 设置脚本地址。

2. script 标签属性

<script> 标签有以下常用属性：

2.1 src

src ：指定外部脚本的URI， 如果设置了 src 特性，script 标签内容将会被忽略；

<script src="example-url.js"></script>

2.2 type

type ：指定引用脚本的语言，属性值为 MIME 类型，包括text/javascript, text/ecmascript, application/javascript, 和application/ecmascript。如果没有定义这个属性，脚本会被视作JavaScript。ES6 新增了属性值 module ，代码会被当做 JavaScript 模块。

<script type="text/javascript"></script>

2.3 async

async 规定一旦脚本可用，则会异步执行。
注意：async 属性仅适用于外部脚本（只有在使用 src 属性时）。

有多种执行外部脚本的方法：
如果 async="async" ：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）；
如果不使用 async 且 defer="defer" ：脚本将在页面完成解析时执行；
如果既不使用 async 也不使用 defer ：在浏览器继续解析页面之前，立即读取并执行脚本；

<script async="async"></script>

2.4 defer

defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。
如果您的脚本不会改变文档的内容，可将 defer 属性加入到