javaScript中的函数声明提升---函数声明与函数表达式

javaScript中的函数声明提升

关于函数声明提升 -（所有声明变量或声明函数都会被提升到当前函数的顶部）；

但是

函数声明function a(){}和函数表达式var a = function(){}的区别：

函数声明被彻底的提升并且可以在声明之前被调用

函数表达式虽然也被提升了，但是调用时值是undefined

相信下面两个小例子会让你完全明白：

例1

addition(4, 7);

substraction(10, 2);

console.info(addition(4, 7), substraction(10, 2))//输出->11，undefined

/*

* 函数声明

* 一个定义函数的声明

* 允许你在所属作用域内任何地方使用该函数

* 即函数可以在当前作用域或子作用域内的任何地方访问

* */

function addition(num1, num2) {

return num1 + num2;

}

/**

* 函数表达式

*声明被提升到函数作用域最前面， 但是在定义之前的位置使用是undefined

*/

var substraction = function (num1, num2) {

return num1 - num2;

}

变量提升之后的情况

function addition(num1, num2) {

return num1 + num2;

}

var substraction;

console.info(addition(4, 7), substraction(10, 2))//输出->11，undefined

substraction = function (num1, num2) {

return num1 - num2;

}

例2

var foo = 1;

(function () {

console.log(foo); //undefined

var foo = 2;

console.log(foo); //2

})();

//变量声明提升之后的情况

(function () {

var foo;

console.log(foo); //undefined

foo = 2;

console.log(foo); //2

})();

是不是已经很明白了？