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

来源:互联网 发布:java深入研究基础 编辑:程序博客网 时间:2024/04/28 22:31

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
})();

是不是已经很明白了?

0 0
原创粉丝点击