js事件参数和闭包

首先做事件参数

我们经常这样写

 

a.onload = function(){alert("df"));

这是不带参数的写法

如果带参数

a.οnlοad= function(i){alert(i.srcElement.innerHTML));

这个i 就是windowevent 就是 a

如果想带多个参数,可以这样

a.aa= "bb";

a.cc= "dd"

a.οnlοad= function(i){alert(i.srcElement.aa));

 

另外再说闭包

首先js有一个比较奇怪的地方,就是如果你声明参数不写var 那么你不管在哪里写,都是全局变更

function a()

{

  i = 5;

}

alert(i);//会弹出5

闭包是指方法里面写方法,并返回方法,

如

function a(i)

{

     var b = function(i){alert(i)}

     return b;

}

i = 5;

a.onclick = a(i);

我们看一下,a.onclick = a(i);

这种代码就像 a= abc();一样,会马上执行abc();

所以a.onclick = a(i)会马上执行a(i),i的值等于5,a(i)返回的是b方法,b方法在此时的作用周期同a是一样的,所以b方法就相当于alert(5);,在onclick执行的时候,会执行alert(5)

很多说,因为b的存在,a是b的依赖项,所以a 也存在,我认为是a(i)已经执行,i作为一个已定值的参数长驻内存了.

总之,我们现在给事件传参数又有了新的方法

 

var i=5;

var j = 6;

a.onclick = a(i,j);

function a(i,j)

{

 var b = function(i,j){alert(i+j);}

}

这样我们就可以在onclick事件上传两个参数了.

 

为什么说这个呢?因为我曾经想当然的这样写

var i =5,j=6;

a.onclick = function(){ alert(i+j)};

这样写只是给onclick关联上一个方法,等onclick事件激活时,这个方法再去找i和j,很显然要不找不到,要不就是找i和j最新的值.

还有我曾经这样写

a.onclick = function(i,j){alert(i+j)}

发现所谓的j是null

 

再说明一下

很多事件是不能传参数的

比如a.onclick  = funciotn(i){alert(i)}

这里的i就会是null

只有部分事件 可以传参数,大部分时间我们还要用window.event