38、现代 JavaScript 特性介绍

现代 JavaScript 特性介绍

1. 运行代码示例

代码示例以 .js 扩展名的 JavaScript 文件形式呈现。可以使用 CodePen（https://codepen.io）网站来运行这些代码示例。CodePen 允许快速编写、测试和共享使用 HTML、CSS 和 JavaScript 的应用程序。大部分代码示例会提供 CodePen 链接，点击链接可查看代码示例运行情况，也可按需修改。若代码示例在控制台输出结果，点击 CodePen 窗口底部的“Console”即可查看。

2. let 和 const 关键字

在 ES5 及更早版本的 JavaScript 中，使用 var 关键字声明变量，JavaScript 引擎会将声明移到执行上下文（如函数）的顶部，这称为“提升”（hoisting）。

2.1 var 关键字与提升

由于提升机制，在代码块（如 if 语句的花括号内）声明的变量，在块外部也可见。例如：

function foo() {
    for (var i = 0; i < 10; i++) {
    }
    console.log("i=" + i);
}
foo();

运行上述代码会输出 i=10 ，变量 i 在循环外部仍可用。