函数声明和函数表达式的区别

这里是修真院前端小课堂，每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能，本篇分享的是：

【函数声明和函数表达式的区别】

1.背景介绍

什么是函数表达式？

这是MDN上关于函数表达式的介绍

这是另一种函数表达式的介绍

什么是函数声明？

简单的demo看一下

既然知道了函数表达式和函数声明，那么如何区分他们？

如果没有函数名称，那么肯定不是函数声明方式。

区分带有函数名称的代码是函数声明还是函数表达式要通过它所在的上下文来判断：

如果代码作为一个运算数存在，那么它就是一个表达式方式，否则就是函数声明方式。

先看看他们之间的区别：

1、函数声明会被提升到当前作用域的顶部，函数表达式则不会。

2、函数声明一定会有函数名，而函数表达式一般不会有函数名。

3、函数声明不是一个完整的语句，所以不能出现在if-else,for循环，

                     finally，try catch语句以及with语句中,

                    （ECMA规范只允许他们作为顶级语句，但是有的浏览器并不遵循这个规则。）

<p>直接看demo</p>

2.知识剖析

函数（变量）提升指的到底是什么？怎么解释这个东西

我讲过一次关于执行环境和作用域的小课堂。就拿全局执行环境来说的话，当我们打开网页的时候，全局执行环境创建，

这时候会创建这个执行环境的变量对象（活动对象），写好作用域链，并将this指向这个活动对象。

第二步，会扫描整个执行环境中的函数声明，以及var 变量声明。都会提升到当前执行环境的顶端，不过函数声明是完整的

var关键字只是声明变量，并未对其初始化。

第三步：按顺序依次执行代码。

<h4>还有其他种类的函数表达式吗？</h4>

        请看demo2

关于函数的调用

 接着上面的话题，怎么判断一个函数是函数表达式还是函数声明

Dome3演示

6.扩展思考

函数声明一定会提升吗？一定会提升到当前作用域的顶部吗？

不一定，demo4

<h3>7.参考文献</h3>

参考文献

到底使用函数使用还是函数表达式？

dome4

问题：

 1、多个函数声明提升到顶部的排序是怎么排序的？ 

如果一格执行环境里，有过个函数声明，函数声明提升，是由代码先后顺序绝定的，先定义的函数声明先提升。

2、~function是什么？

~function(){}(),一般是用来IIFE执行函数的，我们一般常见的是这种形式(funciton(){})()。但是前面加一个按位非，也可以实现等同于()分组运算符的效果，不过并不建议使用，因为像~,-,void都会去改变一些返回值。最好还是用()的形式。

3、var min=function(){}

这里当一个执行环境创建的时候，我们除了把作用域链挂在活动对象前，this指向这个活动对象，然后就会扫描整个执行环境里面的var 声明，和函数声明，var min 只会提升 min变量，像这样 var  min;放在当前作用域的顶端，先声明一个变量。

后面的函数表达式执行到这句才会进行赋值。

4、

不要在if else while for循环等语句中去定义一个函数声明，定义函数表达式和调用函数都没有问题。

欢迎加入IT修真院

IT修真院是一个免费的线上IT技术学习平台。

每个职业以15个左右的task为初学者提供更快速高效的学习方式；

所有task均是从真实项目中提炼出来的技能点

强调实战演练+自学优先+师兄辅导的学习方式

严格的日报体系，欢乐的交流讨论学习气氛，更有无数师兄师姐帮你解疑答惑。

亲，准备好加入我们这个变态成长的修真宝地了吗？

点击官网注册，开始自己的修真之旅吧！

更多内容，可以加入IT交流群565734203与大家一起讨论交流

这里是技能树·IT修真院：https://www.jnshu.com，初学者转行到互联网的聚集地