js中(function(){})()的用法
来源:互联网 发布:大英百科全书数据库 编辑:程序博客网 时间:2024/05/24 06:43
一些经典的闭包使用方法就用的这个吧,使用(function(){})()可以创建一个独立的作用域,使其不会被全局污染。
你可以看一个很经典的例子:
假设在html文档中有5个div标签,现在需要给他们绑定点击事件,点击事件发生后,就用alert弹出其点击的是第几个div
如果代码这么写:
你可以看一个很经典的例子:
假设在html文档中有5个div标签,现在需要给他们绑定点击事件,点击事件发生后,就用alert弹出其点击的是第几个div
如果代码这么写:
var div = document.getElementsByTagName("div");for(var i = 0; i < div.length; i++) { div[i].onclick = function() { alert(i+1); };}
你会发现无论你点的是哪个div,弹出的都是6,而解决这个问题,就可以用这个方法:
var div = document.getElementsByTagName("div");for(var i = 0; i < div.length; i++) { (function(index) { //将每次循环的i传给匿名函数的参数index div[i].onclick = function() { alert(index+1); }; })(i);}
就解决了上述问题,当然,这只是它的其中一个用法,还有更多你可以多了解下JS的作用域和闭包,这样你就能知道它在哪些地方用,有什么好处了。
0 0
- js中(function(){})()的用法
- js中function()用法
- js中new Function的用法
- js中new Function的用法
- js中,(function(){})()的用法解析
- 关于js中(function(){...})()的说明、用法 及好处
- Matlab中function的用法!
- js里function的几种用法
- js 函数function用法
- js 函数function用法
- js 函数function用法
- .net中函数Function的用法
- javascript中函数(function)的用法
- 【Boost】boost库中function的用法
- ECharts中color : function的用法
- js中function new function new Function
- js中(function(){})()的写法用处
- js中onload和$(function(){})的区别
- oracle
- Oracle: 对数据分组(max,min,avg,sum等)的想法
- 泛型<T> T
- 开源图表库MPAndroidChart之饼状图和柱状图
- sql教程
- js中(function(){})()的用法
- 添物不花钱学计算机及编程(预备篇)— 总述
- wampserver中Apache配置虚拟主机方法
- js中用参数传递方法名
- C#学习笔记之条形码和二维码
- you only look once
- Mysql
- jsp连接mysql数据库报时区错误
- jsp