JavaScript 匿名函数有哪几种执行方式

JavaScript016

JavaScript 匿名函数有哪几种执行方式,第1张

JavaScript的函数定义分为函数声明和函数表达式。

表达式语句不得以 function 或者 { 开头:

ExpressionStatement → [lookahead ∉ {{, function}] Expression

”裸写“成function fname() { }的,是函数声明,它不能是匿名的。

var c = 1

function test(x) {

console.log(x)

}

// 调用

test(x)

嵌套定义的函数也可以是函数声明。

// innder、outer都是函数声明,只不过外界无法使用inner函数。。

function outer() {

var x = 1

function inner() {

console.log("Hi")

}

}

函数作为表达式出现、或者作为其他表达式的一部分时才是函数表达式(有点绕。。),此时函数可以是匿名或者有名的。

比如赋值表达式的右边;()和[]里面;!等符号后面;return语句后面;。。

var foo = function() {

...

}

(function foo() {})

[Function bar() {}]

function outer() {

var x = 1

return function inner() {

console.log(x)

}

}

描述不同语法结构的语义时,主要和表达式的求值相关。比如赋值的时候需要对=右边的表达式求值,return的时候需要对return后面的求值。

函数表达式的值可以是一个函数对象,或者对这个函数对象进行调用(也就是执行它)产生的结果。

// =右边表达式的”值“是一个函数对象,赋给t。不发生函数调用

var t = function () {

console.log(3)

}

// =右边表达式,先创建函数对象再调用它。t是5

var t = function (x) {

return x + 2

}(3)

函数声明自身不能“求值”。

/* 第一种,赋值给变量然后通过变量调用 */

var fun = function(){

}

fun() //调用

/* 第二种就是立即执行,就是在匿名函数后边添加一个括号 */

(function(){

}())//结构一

function(){

}()//结构二

var fun2 = function(){

}()//结构三

方法一适合在任意位置调用,方法二适用于闭包

Immediately-Invoked Function Expression(IIFE立即执行函数表达式)

可以让函数在创建后立即执行 必须是一个表达式

1、函数的定义方式一: 函数声明

2、函数的定义方式二: 函数表达式(匿名函数表达式、命名函数表达式)

1、错误写法 直接报错 js引擎看到function关键字会认定后面跟的是函数定义语句,此时后面如果直接加上()会被当做分组操作符,而分组操作符必须有表达式,所以此时报错

2、立即执行函数的正确写法,让js引擎认为这是一个表达式

1、立即执行函数不能再外面再被调用,执行完之后已经被立即销毁了。所以立即执行函数的函数名称可以省略, 统一使用匿名函数表达式

2、由于立即执行函数,执行完后就立即被销毁了 所以它可以创建一个独立的作用域,而且该作用域里面的变量,外面访问不到。因此就可以避免变量污染

正确输出写法:用立即执行函数将i作为参数传入,立即函数每次执行时,会把参数i的值复制一份。然后再创建函数作用域来执行函数

1、立即执行函数和闭包只是有一个共同有点就是都能减少全局变量的使用

2、立即执行函数只是函数的一种调用方式,声明完后立即调用,一般只能调用一次,调用完后会立即被销毁,不会占用内存,有自己的独立作用域,外部不能调用

3、闭包则主要是让外部函数可以访问内部函数的作用域,也减少了全局变量的使用,保证了内部变量的安全,但是被引用的内部变量不会被销毁,增大了内存消耗,使用不当会容易造成内存泄露

可参考: https://www.cnblogs.com/wenxuehai/p/10357274.html