对var与let的初步认识
情景:
在for循环中使用addEventListener为每个按钮分别添加事件句柄,让其被点击时输出添加句柄时的 i 值。
但是由于var的作用域的问题,在编译完成后,点击按钮时,只会输出 i 在最后的值。因此只能使用函数,将i作为形参传入立即执行函数中,使其不被全局作用域的 i 影响。
在ES6之后,则可直接使用let,让 i 的作用域限制在单个语句块中,不相互影响。
页面代码:

JS代码“:

页面:

这是签名这是签名这是签名这是签名
情景:
在for循环中使用addEventListener为每个按钮分别添加事件句柄,让其被点击时输出添加句柄时的 i 值。
但是由于var的作用域的问题,在编译完成后,点击按钮时,只会输出 i 在最后的值。因此只能使用函数,将i作为形参传入立即执行函数中,使其不被全局作用域的 i 影响。
在ES6之后,则可直接使用let,让 i 的作用域限制在单个语句块中,不相互影响。
页面代码:

JS代码“:

页面:
