对下面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循环执行完成后的数字,是数组的长度。