js 多级作用域嵌套详解

最新推荐文章于 2023-03-19 10:24:35 发布

大海里没有水

最新推荐文章于 2023-03-19 10:24:35 发布

阅读量258

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/Anna_Liqi/article/details/123340611

版权

这篇博客探讨了JavaScript中let和var声明变量的区别。在for循环中，使用let声明的变量在每次迭代中创建新的作用域，而var声明的变量则保留在全局作用域中。通过立即调用函数表达式（IIFE），可以模拟块级作用域来保留var声明的函数内的变量值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // 情况1： let
    let arr = [];
    // for (let i = 0; i <= 3; i++) {
    //   arr.push(function () {
    //     return i;
    //   });
    // }
    // console.log(arr[0]); //arr长度为3，元素都是函数； 作用域都被保存下来。包括i
    // // 我们执行一下函数
    // console.log(arr[0]()); // 0 这样，我们就可以保留i了

    console.log("===========");
    // 情况2： var,但是打印出来的i，是没有在函数作用域中的
    // 如果换成var, 那么i是保留在window中的
    // for (var i = 0; i <= 3; i++) {
    //   arr.push(function () {
    //     return i;
    //   });
    // }
    // console.log(arr[0]()); //执行这个函数，不管是arr[1]/[2]，都是打印4

    console.log("-----------");
    //情况3：使用var，想要保留函数中的i ，可以在包一层作用域
    for (var i = 0; i <= 3; i++) {
      (function (i) {
        arr.push(function () {
          return i;
        });
      })(i);
    }
    console.log(arr[1]()); //执行这个函数，不管是arr[1]/[2]，都是打印4
  </script>
</html>