下面这个ul，如何点击每一列的时候alert其index。这样做为什么不对？
    

	<ul id= "test">

		<li>这是第一条</li>

		<li>这是第二条</li>

		<li>这是第三条</li>

	</ul>

    

(function getIndex(){

			var ul = document.getElementById("test");

			var li = ul.getElementsByTagName("li");		

                        

                        

			for(var i=0, l = li.length ; i<l; i++){



                        /* 正确做法

				li[i].onclick =( function(x){

					return function(){

						alert(x);

					}

				})(i);

                        */

                        

                         //为什么这种做法会在页面打开时，

                         //在未点击的情况下会立即弹出alert内容？（0 1 2）

				li[i].onclick = （function(num){

					return alert(num);

				}）(i);

			}

		})()；

------解决方案--------------------

引用:

Quote: 引用:

直接执行了匿名函数，然后匿名函数返回alert的返回值。。

正确的是返回了函数对象

试了一下，在正确的代码里让内部的function立即执行的确是同样的效果。

但是，立即执行是指无论是不是click，只要进入代码段，都会直接执行么？而不考虑是否click事件发生？

仔细看下2个代码的区别，第一个是执行匿名函数返回函数作为click事件，第二执行匿名函数，匿名函数中再执行alert语句，将alert语句的返回值作为click事件。