为什么弹出的是“外面”,而不是“内部”?
// 变量temp 存着字符串“外面” // 定义一个对象 及 它的方法为什么弹出的是“外面”,而不是“内部”?
// 变量temp 存着字符串“外面” // 定义一个对象 及 它的方法此代码估计只有本人能看懂,对其他朋友并无任何价值:
可用插件查看dom元素,此时创建新的vals元素
此时新元素可供自己使用,添加各种参数,在其他地方调用
今天再做需求时有一个功能是这样的,就是有不定个的按钮,且点击按钮时都需要执行一个方法(参数不一样)
那么我很自然的就想到了,循环给每个按钮添加事件和参数就好了,由于不方便上传系统代码,下面以一个简单例子来说明.
</html>比如现在要实现这么一个功能,在页面上点击上面的按钮1到按钮5时分别alert出1,2,3,4,5.那么很多人自然想到如下这么做:
运行后,奇怪的发现无论点击那个li标签,alert出的都是最后一个的内容,5
下面做下分析:因为在for循环里面指定给list_obj[i].onclick的事件处理程序,也就是onclick那个匿名函数是在for循环执行完成后(用户单击链接时)才被调用的。而调用时,需要对变量i求值,解析程序首先会在事件处理程序内部查找,但i没有定义。然后,又到方法外部去查找,此时有定义,但i的值是4(只有i大于4才会停止执行for循环)。因此,就会取得该值——这正是闭包(匿名函数)要使用其外部作用域中变量的结果。而且,这也是由于匿名函数本身无法传递参数(故而无法维护自己的作用域)造成的。
那现在原因是知道了,如何来避免这种情况呢?
既然已经知道函数调用外部变量的时候就构成了一个闭包,里面的变量会受到别的地方的影响,那么我们
现在要做的就是,构建一个只有自己本身才可访问的闭包,保存只供本身使用的变量
构建一个闭包很简单,代码如下:
现在再运行就能得到我们想要的效果了。