HTML中JS使用指南：异步加载与变量命名详解

本资源是一份关于JavaScript基础知识的笔记，主要涵盖了HTML中嵌入和外部引入JavaScript的基本方法，以及JavaScript中常用的输出语句、脚本加载策略（defer和async）、变量命名规则、注释的使用，以及JavaScript的基本数据类型。让我们逐一深入探讨。 1. **JavaScript在HTML中的应用**： - 在HTML中，JavaScript通常通过`<script>`标签嵌入或外部引入。嵌入使用`<script type="text/javascript">`，如果需要延迟执行，添加`defer`属性；如果需要异步加载，使用`async`属性。这两个属性会影响脚本的执行时机。 2. **输出语句**： - `document.write()`和`console.log()`是JavaScript中常用的输出工具，前者会将内容直接写入文档，后者则在浏览器的开发者控制台中显示。记得在语句末尾添加分号`;`。 3. **脚本加载策略**： - `defer`属性让脚本在文档加载完成后，但DOM解析之前执行，适合那些不需要阻塞渲染的脚本。 - `async`属性表示脚本将异步执行，不会阻止页面的其他部分加载，适合独立于页面加载的脚本。 4. **变量命名**： - JavaScript变量遵循严格的命名规则，首字符必须是字母，后续由字母或下划线组成，采用驼峰命名法。避免使用JavaScript的关键字作为变量名。 5. **注释的使用**： - 单行注释使用`//`，多行注释使用`/* */`。对于企业级的大型项目，注释应包括文件用途、作者信息、创建日期等，以及模块级别的注释以提高代码可读性。 6. **基本数据类型**： - JavaScript有原始数据类型：字符串（用引号包围）、数值、布尔值（`true`和`false`）。还有两个特殊类型的对象：`undefined`表示未定义的值，而`null`表示没有对象。 总结，这份笔记为初学者提供了JavaScript基础设置、代码组织以及数据类型管理的重要概念，有助于理解和编写高效的JavaScript代码。无论是开发环境中的调试还是项目中的代码组织，这些知识点都极具实用价值。