对var与let的初步认识

情景:

  在for循环中使用addEventListener为每个按钮分别添加事件句柄,让其被点击时输出添加句柄时的 i 值。

  但是由于var的作用域的问题,在编译完成后,点击按钮时,只会输出 i 在最后的值。因此只能使用函数,将i作为形参传入立即执行函数中,使其不被全局作用域的 i 影响。

  在ES6之后,则可直接使用let,让 i 的作用域限制在单个语句块中,不相互影响。

页面代码:

 

 

 JS代码“:

 


 

页面:

 

posted @ 2020-08-01 16:20  PupilHang  阅读(107)  评论(0)    收藏  举报