JavaScript自执行函数

JavaScript自执行函数

JS函数可以立即执行，不需要调用时再执行。

---

JS定义函数:

function fn(){
	console.log("普通函数");
}

需要该函数执行时，调用这个函数即可

function fn(){
	console.log("普通函数");
}
fn();

自执行函数 指的是 可以立即执行的函数。

函数声明式的自执行函数：

(function fn1(){
	console.log("函数声明式1");
})();

(function fn2(){
	console.log("函数声明式2");
}());

注意：

//函数声明式中这种写法是错误的
function fn3(){
	console.log("函数声明式3");
}();

函数表达式的自执行函数

let fn1=function(){
	console.log("函数表达式1");
}();

let fn2=(function(){
	console.log("函数表达式2");
})();

let fn3=(function(){
	console.log("函数表达式3");
}());

匿名函数的自执行函数

(function(){
	console.log("匿名函数1");
})();

(function(){
	console.log("匿名函数2");
}());

注意：

//匿名函数中这种写法是错误的
function(){
	console.log("匿名函数3");
}();

---

匿名函数与函数声明式一样，函数自执行需要先有括号包裹；函数表达式有没有括号先包裹也不影响。

当自执行函数需要入参时

自执行函数的结构是 ()() ；入参时，则是第二个()内写参数；

Demo:

//以函数表达式为例子
let fn=(function(item){
	console.log(item);
})("内容");

//控制台输出: 内容