1 (function() { 2 var text_input,text_display,text_button; 3 text_button = document.getElementById('button'); 4 text_input = document.getElementById('aqi-input'); 5 text_display = document.getElementById('aqi-display') 6 text_button.onclick = function() //事件 7 { 8 if (text_input.value > 0) { 9 text_display.innerHTML = text_input.value;10 }11 else{12 alert('请输入北京今天的空气质量!')13 } 14 }15 }());
知识点一:立即调用函数的方法
这种函数没有函数名,解释器经过它们时执行一次。
它们适用于任务中只运行一次的代码,而不是在脚本中要多次调用的代码。
如:1、在函数被调用时作为实参。2、用于事件处理程序和监听器。3、用于为对象的属性赋值。4、用于防止两段脚本因为相同的变量名而发生冲突。
知识点二:匿名函数
如果将函数放在表达式的位置,则称为函数表达式。此时常常省去函数名,亦称匿名函数。
1 var area = fuction(height,width){2 return height*width;3 };4 var size = area(3,4);
在函数表达式中,解释器到达这条语句之前,函数不会执行,这就意味着在这之前的代码可以对函数内容进行修改。