本来不喜欢回答这种这么泛的问题。但是比较受不了看到有其他错误答案误人子弟,所以还是简单的回答一下吧。
两种写法最大的区别是:
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(); // 在函数声明的代码块之外调用函数,会抛出错误。
效果一样的,作用也一样