var/let/const/闭包

最新推荐文章于 2022-11-22 23:23:53 发布

407指导员

最新推荐文章于 2022-11-22 23:23:53 发布

阅读量172

点赞数 1

分类专栏： # es6 文章标签： javascript

本文链接：https://blog.csdn.net/LIUCHUANQI12345/article/details/110954848

版权

es6 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

var/let

var是没有作用域的

<body>
<button>点我</button>
<button>点我</button>
<button>点我</button>
<button>点我</button>
<button>点我</button>
<button>点我</button>
<script>
  var btns = document.getElementsByTagName('button');
  for (var i = 0; i < btns.length; i++) {
    btns[i].addEventListener('click',function () {
      console.log('第' + i + '个按钮被点击');
    });
  }
</script>
</body>

在for循环里由于var没有作用域，每次循环都会将i进行修改，等第六绑定时i已经为6，但是此时点击第一个按钮，输出的i是6，应该每次循环保存的i不能被后边修改，可以采用闭包解决

<script>
  var btns = document.getElementsByTagName('button');
  for (var i = 0; i < btns.length; i++) {
    (function (i) {
      btns[i].addEventListener('click',function () {
        console.log('第' + i + '个按钮被点击');
      });
    })(i);
  }
</script>

函数有作用域。闭包：指的是那些引用了另一个函数作用域中变量的函数，通常是嵌套在函数中实现的。上边匿名函数，每次循环都会被传入当次的i，一旦传入这个i和外边的i就没有关系了,不会被外边修改。加括号，立刻执行。

<script>
  var btns = document.getElementsByTagName('button');
  for (var i = 0; i < btns.length; i++) {
    btns[i].addEventListener('click',function () {
      console.log('第' + i + '个按钮被点击');
    });
  }
</script>

只要将var修改成let就可以了，比闭包简便，而且闭包内存不易回收。上边这个代码执行，其实每次循环for循环里边会形成一个新的i，这个i接收循环的i的值，就不在被修改，只有循环的i一直在变，不停的赋值给内部的每个i.

const

将某个变量修饰为常量，和java/c++里边的一样。在开发中，优先使用const，只有需要改变某一个标识符的时候才使用let.

注意点

1.常量不能被修改。

2.常量在被定义时，一定要进行赋值。

3.常量的含义是指向的对象不能修改，但是可以改变对象内部的随性。
const obj = {
  name:'TTY',
  age:18,
  height:1.88
};
obj.name = 'LQJ';
console.log(obj.name);//LQJ

const限制离他最近的那一层变量，我们都知道对象是存储在堆里边的，变量只是存储指向这个对象的地址，我们给变量const标识符，那么这个指向关系就无法改变，但是指向对象内部仍可以修改。

js是无法直接操作内存的。

407指导员

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
var/let/const/闭包

var/letvar是没有作用域的<body><button>点我</button><button>点我</button><button>点我</button><button>点我</button><button>点我</button><button>点我</button><script> var btns = docu
复制链接

扫一扫