js立即执行函数

古城微笑少年丶 2023-08-17 16:19 52阅读 0赞

( function()\{…\} )()和( function ()\{…\} () )是两种javascript立即执行函数的常见写法，要理解立即执行函数，需要先理解一些函数的基本概念。

函数声明：  
function fnName () \{…\};使用function关键字声明一个函数，再指定一个函数名，叫函数声明。  
注意：函数声明会变量提升

函数表达式：  
var fnName = function () \{…\};使用function关键字声明一个函数，但未给函数命名，最后将匿名函数赋予一个变量，叫函数表达式，这是最常见的函数表达式语法形式。

高阶函数：①以函数作为参数的函数，例如promise的回调函数；②输出一个函数，例如闭包。  
偏函数：通过指定部分参数来产生一个新的定制函数的形式。

函数柯里化  
使用一个闭包返回一个函数，当函数被调用时，返回的函数还需要设置一些传入的参数。  
例1：

function curry(a) {
    	return function(b) {
    	return a + b;
    	}
    }
    var add2 = curry(2); //add2也就是第一个参数为2的add版本
    console.log(add2(3))//5

匿名函数：  
function () \{\}; 使用function关键字声明一个函数，但未给函数命名，所以叫匿名函数，匿名函数属于函数表达式，匿名函数有很多作用，赋予一个变量则创建函数，赋予一个事件则成为事件处理程序或创建闭包等等。

函数声明和函数表达式不同之处在于：

一、Javascript引擎在解析javascript代码时会‘函数声明提升’（Function declaration Hoisting）当前执行环境（作用域）上的函数声明。

而函数表达式必须等到Javascirtp引擎执行到它所在行时，才会从上而下一行一行地解析函数表达式。

二、函数表达式后面可以加括号立即调用该函数，函数声明不可以，只能以fnName()形式调用。

在function前面加！、+、 -甚至是逗号等到都可以起到函数定义后立即执行的效果，而（）、！、+、-、=等运算符，都将函数声明转换成函数表达式。  
`(function foo(){/*...*/}()); (function foo(){/*...*/})(); !function foo() {/*...*/}(); +function foo() {/*...*/}(); -function foo() {/*...*/}(); ~function foo() {/*...*/}();`

消除了javascript引擎识别函数表达式和函数声明的歧义，告诉javascript引擎这是一个函数表达式，不是函数声明，可以在后面加括号，并立即执行函数的代码。