函数表达式的函数声明提升

函数声明提升

---

这几天再次回顾红宝书（JavaScript高级程序设计），觉得自己之前看的很潦草，所以写下这些整理后的笔记，如有错，请及时告知谢谢

定义函数的两种方法

1、函数声明

function helloWorld(arg1,arg2){
    ....
}

2、函数表达式

var helloWorld = function(arg1,arg2){
    ...
}

函数声明提升（function declaration hoisting）

红宝书中是这样说的

关于函数提升，其中一个重要的重要的特征就是函数声明提升，意思是在执行代码前会先读取函数声明。

这句话的意思说明可以先调用方法，再声明，而不会导致报错的发生。

helloWorld();
function helloWorld(){
    alert("helloWorld");
}

谷歌浏览器可以直接按F12在控制台上输入上面的代码，可以发现，helloworld被成功输出了。这说明虽然看起来先调用了helloWorld，但由于函数声明提升，运行时函数声明被优先读取了。

但是，对于函数表达式式方法则不行。

helloWorld();
var helloWorld = function(){
    alert("helloWorld");
}

运行时会报错输出Uncaught TypeError: helloWorld is not a function，说明调用时还没有声明定义。
这就是函数声明与函数表达式的区别。

PS：如果你在控制台测试函数表达式的时候发现，控制台成功输出了helloWorld，你清空一下控制台再运行就会报错了。我个人估计是因为控制台有缓存保存了，之前的函数声明运行成功后，运行表达式时才能成功输出的。

本人写这些是希望能整理一下自己所学知识，如果对你能有帮助，那就最好了~