Question

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





Answer 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(); // 在函数声明的代码块之外调用函数，会抛出错误。

Answer 2

效果一样的，作用也一样