JS的疑惑解析(一)

对下面2中格式的调用,以前一直不是很理解:

function a(){
   console.log("a");
}
window.onload = a();

另一个是:

function a(){
   console.log("a");
}
window.onload = a;

今天知道了,我们知道,无论是java,c#,还是js,方法调用都是 方法名称 + ();这样才是方法调用,那么,如果直接写个方法名称,可以认为这是一个变量,那么这个变量实际指向的是该方法,也就是说这个名称存放的就是一个引用。
那么,a() 代表的是一个方法,而a则是一个引用。页面加载完,要执行的是一个方法,如果我们写成a(),可以认为在复制阶段就执行这个函数。
这样的升级版本是:

window.onload = function(){
  console.log("a");
};

另一个也是涉及到这个问题:

//  获取ul中的li标签数组
var liNode = document.getElementsByTagName("li");
// 迭代该数组
for (var i = 0; i < liNOde.length; i++) {
// 定义每个li的单击方法
   liNode[i].onclick = function(){
    // 输出它的value值
      console.log(this.firstChild.nodeValue);
      console.log(liNode[i].firstChild.nodeValue);
      console.log(i);
   }
}

其实这个程序是运行错误的,因为console.log(liNode[i].firstChild.nodeValue);是错误的,这里为啥用this可以,而直接用数组中的就不行呢?
是这样的,html页面从上到下加载,那么这个循环也会执行结束,那么一个页面就加在完了,但是,他给每个 li 设置的单击方法却保存下来了,也就是说,给每个单击方法保存了他的引用。
这样就说通了,this是代签执行的这个 li ,而用数组表示的liNode[i]已近在猴年马月过时了。而最后的输出的 i 的这个数组也是一样的,他输出的for循环执行完成后的数字,是数组的长度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值