JS — 立即执行函数理解

一、概念补充

1.函数声明

1. 函数声明是一种独立的结构，不能嵌套在非功能模块中。
2. 没有函数名为匿名函数
3. 可以将它类比变量声明。就像变量声明必须以“var”开头一样，变量声明必须以“function”开头。

function 函数名 (参数1，参数2，…){
	函数体
};
示例:
function myFunction (){
     console.log("hello world"); 
}
function (){
     console.log("这是个匿名函数。"); 
}

2.函数表达式

1. 函数表达式将函数定义为表达式语句，通常是变量赋值。
2. 在函数表达式存储在变量后，变量也可作为一个函数使用。
3. 通过函数表达式定义的函数可以是命名的，也可以是匿名的。
4. 变量名和运算符组合变成一个表达式，常见运算符（）、+、=、-、*、/。

var 函数名 = function (参数1，参数2，…){
	函数体
};
示例：
var myFunction = function(){
    console.log("hello world"); 
}

3.函数定义

1. 使用function语句定义函数

function myFunction(){
    console.log("使用function语句定义函数"); 
}

2. 使用函数表达式定义函数

var myFunction = function (){
    console.log("使用函数表达式定义函数"); 
}

3. 使用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.补充

1. 函数后的“()”为执行符号，也是立即执行函数最明显的特点之一。
2. 只有函数表达式可以被执行符号执行，即变成一个立即执行函数。
3. 立即执行函数可以为匿名函数。
4. 能被执行符号执行的表达式，这个函数的名字就会被自动忽略。

var test = function(){
	console.log('test')
}
test
/*输出：
 ƒ (){
	console.log('test')
}
test仍是函数名
*/
(var test = function(){
	console.log('test')
})()
test
/*输出： 
test
undefined
第一行是函数执行，
第二行函数执行后被释放，函数名test被忽略。
*/

三、立即执行函数与普通函数相同之处

1. 可以传参数

(function test(a,b,c){
	console.log(a+b+c); 
}(1,2,3));

2. 可以有返回值

 var num= (function test(a,b,c){
	var d=a+b+c; 
	return d;
}(1,2,3));

四、立即执行函数作用

1. 立即执行函数会形成一个单独的作用域，我们可以封装一些局部变量，避免污染全局变量

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); 
}

2. 可以作初始化函数，封装临时变量。利用立即执行函数执行完一次立即释放的特点，可以节约资源。比如页面加载完成后显示一次时间。

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;

有什么不正确的地方，欢迎大家指出 ！