一、概念补充
1.函数声明
- 函数声明是一种独立的结构,不能嵌套在非功能模块中。
- 没有函数名为匿名函数
- 可以将它类比变量声明。就像变量声明必须以“var”开头一样,变量声明必须以“function”开头。
function 函数名 (参数1,参数2,…){
函数体
};
示例:
function myFunction (){
console.log("hello world");
}
function (){
console.log("这是个匿名函数。");
}
2.函数表达式
- 函数表达式将函数定义为表达式语句,通常是变量赋值。
- 在函数表达式存储在变量后,变量也可作为一个函数使用。
- 通过函数表达式定义的函数可以是命名的,也可以是匿名的。
- 变量名和运算符组合变成一个表达式,常见运算符()、+、=、-、*、/。
var 函数名 = function (参数1,参数2,…){
函数体
};
示例:
var myFunction = function(){
console.log("hello world");
}
3.函数定义
- 使用function语句定义函数
function myFunction(){
console.log("使用function语句定义函数");
}
- 使用函数表达式定义函数
var myFunction = function (){
console.log("使用函数表达式定义函数");
}
- 使用Function()构造函数定义函数
var 函数名 = new Function(“参数1”,”参数2”,”参数3”……”函数体”);
示例:
var 函数名 = new Function("x","y","var z=x+y;return z;");
二、什么是立即执行函数?
1. 立即执行函数概念理解 / 立即执行函数与普通函数不同之处:
函数声明后立即被执行,并且执行完一次后被释放。
2. 常见形式
形式1:(W3C推荐使用)
(function 函数名(参数1,参数2,…){
函数体
}());
形式2:
(function 函数名(参数1,参数2,…){
函数体
})();
3.补充
- 函数后的“()”为执行符号,也是立即执行函数最明显的特点之一。
- 只有函数表达式可以被执行符号执行,即变成一个立即执行函数。
- 立即执行函数可以为匿名函数。
- 能被执行符号执行的表达式,这个函数的名字就会被自动忽略。
var test = function(){
console.log('test')
}
test
/*输出:
ƒ (){
console.log('test')
}
test仍是函数名
*/
(var test = function(){
console.log('test')
})()
test
/*输出:
test
undefined
第一行是函数执行,
第二行函数执行后被释放,函数名test被忽略。
*/
三、立即执行函数与普通函数相同之处
- 可以传参数
(function test(a,b,c){
console.log(a+b+c);
}(1,2,3));
- 可以有返回值
var num= (function test(a,b,c){
var d=a+b+c;
return d;
}(1,2,3));
四、立即执行函数作用
- 立即执行函数会形成一个单独的作用域,我们可以封装一些局部变量,避免污染全局变量
var list = document.getElementById("list");
var li = list.children;
for(var i = 0 ;i<li.length;i++){
(function(j){
li[j].onclick = function(){
alert(j)
}
)(i);
}
- 可以作初始化函数,封装临时变量。利用立即执行函数执行完一次立即释放的特点,可以节约资源。比如页面加载完成后显示一次时间。
var todayDom = document.getELementById("today");
var days = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var today = new Date();
var year = today.getFullYear();
var month = today.getMonth() + 1;
var date = today.getDate();
var day = today.getDay();
var msg = year+"年"+month+"月"+date+"日"+days[day];
todayDom.innerHTML = msg;
有什么不正确的地方,欢迎大家指出 !