js 函数声明和函数表达式的执行结果

亚囡

1. // var 定义的变量会进行变量提升，声明被拿到函数或全局作用域的顶端，并输出 undefined
2. // 函数声明也会进行提升，var 的变量提升会覆盖函数声明提升
3. console.log("=====0======")
4. var fn = function () {
5.   console.log("fn0-1")
6. }
7. fn()
9. var fn = function () {
10.   console.log("fn0-2")
11. }
12. fn()
15. function fn() {
16.   console.log("fn0-3")
17. }
18. fn()
20. function fn() {
21.   console.log("fn0-4")
22. }
23. fn()
24. // fn0-1
25. // fn0-2
26. // fn0-2
27. // fn0-2
28. console.log("=====1======")
30. try {
31.   fn1()
32. } catch (error) {
33.   console.log(error)
34. }
35. var fn1 = function () {
36.   console.log("fn1-1")
37. }
38. // Uncaught TypeError: fn1 is not a function
40. console.log("====2=======")
41. // 函数声明会提升，可以直接在函数定义之前执行函数，后面定义的函数声明会覆盖前面的函数声明
42. function fn2() {
43.   console.log("fn2-1")
44. }
45. fn2()
47. function fn2() {
48.   console.log("fn2-2")
49. }
50. fn2()
51. // fn2-2
52. // fn2-2
54. console.log("=====3======")
55. fn3()   // 函数声明提升,走最后一个函数声明的结果
56. var fn3 = function () {
57.     console.log("fn3-1")
58. }
60. function fn3() {
61.   console.log("fn3-2")
62. }
63. fn3()  // var 声明提升覆盖函数声明提升
65. function fn3() {
66.   console.log("fn3-3")
67. }
68. fn3() //  var 声明提升覆盖函数声明提升
69. // fn3-3
70. // fn3-1
71. // fn3-1
73. console.log("=====5======")
74. var fn5 = function () {
75.   console.log("fn5-1")
76. }
77. fn5()
79. var fn5 = function () {
80.   console.log("fn5-2")
81. }
82. fn5()
83. // fn5-1
84. // fn5-2
85. // 总结：函数表达式相对于函数声明的一个重要区别是函数声明在代码解析阶段就会被提升（函数声明提升），而函数表达式则需要在赋值语句执行到达时才会创建函数对象

复制代码

参考：https://juejin.cn/post/7237051958993469496
推荐：看 《你不知道的 JavaScript》，里面有详细的 js 执行细节，看完很有收获。

来源:https://www.cnblogs.com/beileixinqing/p/17463489.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！