huaqi_前端相关题目记录_2021-12-21

本文所有名词解释均采用MDN官方解释

1、标签解析（采用MDN解释）

<hr>：The Thematic Break (Horizontal Rule) element. 即，水平分割线。全拼：horizontal rule

<br>：The Line Break element. 即，换行（回车）。全拼：break & return (注：该全拼为个人理解，不保证正确。)

<tr>: The Table Row element. 即，定义表格中的行。全拼：table row

2、以下JS代码最终输出的结果和num值分别是多少？

var test = (function() {
    var num = 0;
    return () => {
        return num++;
    };
}());
for (var i = 0; i < 20; i++) {
    test();
};
console.log(test());

解析：

立即调用函数表达式：IIFE（ 立即调用函数表达式）是一个在定义时就会立即执行的 JavaScript 函数。

箭头函数：箭头函数表达式的语法比函数表达式更简洁，并且没有自己的 this、arguments、super 或 new.target 。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且不能用作构造函数。

闭包：一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。闭包让你可以在一个内层函数中访问到其外层函数的作用域。在JavaScript中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。

代码运行逻辑：

循环中执行 test() 函数，即相当于如下代码所示：

for (var i = 0; i < 20; i++) {
    () => {
        return num++; // 循环未执行时，num === 0；循环结束时，num === 20。
    };
};

因为函数 test() 构成闭包，所以匿名箭头函数仍然可以访问到其定义的变量 num。又因为匿名箭头函数体返回后自加num，所以当函数 cons