javascript中 ”匿名函数赋值给变量“与“直接命名函数”有什么不同的作用?

2024年11月16日 20:42
有2个网友回答
网友(1):

本来不喜欢回答这种这么泛的问题。但是比较受不了看到有其他错误答案误人子弟,所以还是简单的回答一下吧。

两种写法最大的区别是:

var init = function() { }; 是函数表达式,函数在代码执行的到当前行的时候才被执行,init 才被赋值。

function init() {} 是函数的声明,和 var 一样,会被提前到代码最前面定义。

所以,下面的两个例子:


foo(); // 在函数声明之后调用 foo,可以正常调用。因为 foo 被提前到最前面定义了。
function foo() {
    return true;
}


foo(); // 在函数表达式之前调用函数,报错。因为这时候还没有 foo 这个变量。
var foo = function() {
    return foo;
};

ES5 规定,函数只能在顶级作用域和函数作用域中声明,否则是不合法的。例如:


if( true ) {
    // 非顶级和函数作用域内定义函数,是错误的,虽然可能浏览器不一定会抛出错误,但是是不规范的。
    function foo() {
        return true;
    }
}


ES6 引入了块级作用域的概念,这种定义方法就被允许了。在块级作用域里面声明的函数,作用域类似于使用 let 声明的变量,在块级作用域之外没有办法被调用。

例如:

{
    function foo() {
        return true;
    }
}
foo(); // 在函数声明的代码块之外调用函数,会抛出错误。

网友(2):

效果一样的,作用也一样