分析正常外部引入 js 和 defer、async 属性的区别

谁借莪１个温暖的怀抱￠ 2022-10-22 06:29 158阅读 0赞

### 目录 ###

*   *   *  请分析 正常外部引入 js 和 defer、async 属性的区别
         *  分析 undefined 类型
         *  谈一谈标识符
         *  js的构成
         *  什么是 JavaScript

### 请分析 正常外部引入 js 和 defer、async 属性的区别 ###

1.  **默认：** 碰到外部引入 js，会停止解析 html，开始下载 js，并解析 js。
2.  **defer：** 碰到外部引入 js，会异步的下载 js（不中断 html 解析）,等所有 html 解析完成，就会按照顺序执行 js。
3.  **async：** 碰到外部引入 js, 会异步下载 js（不中断 html 解析），但是一旦某个 js 先下载完毕，则立马停止 html 解析，开始执行当前的 js。

### 分析 undefined 类型 ###

1.  **Undefined 类型：**
    
     *  只有一个值 undefined。
     *  一般是在错误的时候出现，而不是我们刻意书写的结果。
2.  **出现 undefined 的场景：**
    
     *  变量声明未赋值。
     *  函数需要的参数没有传实参。
     *  获取一个对象没有的属性的时候。
     *  函数没有返回值，则返回 undefined。

### 谈一谈标识符 ###

**标识符：**

1.  自己起的名字。如：变量名、函数名、属性名、参数名等。  
    标识符命名规范：后边可以是 `数字 字母 下划线 $`
2.  不能出现空格。
3.  不能是关键字和保留字。
4.  一般要求符合小驼峰写法 mainColor。
5.  开头必须是字母、下划线。

### js的构成 ###

1.  **ECMAScript**：语法规范。
2.  **DOM**：文档对象模型 操作文档。
3.  **BOM**：浏览器对象模型 操作浏览器。

### 什么是 JavaScript ###

1.  JavaScript 是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。
2.  它的解释器被称为 JavaScript 引擎，为浏览器的一部分。
3.  在 HTML 网页上使用，用来给 HTML 网页增加动态功能。