JavaScript中函数声明与函数表达式的区别

在JavaScript中，函数是经常用到的，在实际开发的时候，我想很多人都没有太在意函数的声明与函数表达式的区别，但是呢，这种细节的东西对于学好js是非常重要的。

函数声明与函数表达式用代码写出来是这样的：

//函数声明

function say(){  

console.log("函数声明")

}

//函数表达式

var say1 = function(){  

console.log("函数表达式")

}

那我们来看看，这两种方式到底有什么不同呢？

首先，在函数调用方面，看下面的代码

say();

//函数声明

function say(){  

console.log("函数声明")

}

这样的执行结果是什么呢？答案是打印出“函数声明”，那你看下面的代码

say1();

//函数声明

function say(){  

console.log("函数声明")

}

//函数表达式

var say1 = function(){  

console.log("函数表达式")

}

这样的执行结果是什么呢？注意，我们是调用的函数表达式，这样的结果是会报错，为什么呢？

一起来看看，首先我们先说第一种，函数声明的调用，函数声明的调用这个其实不用讲你就知道，函数声明了嘛，哪里都可以调用的(function会有预解析，预解析之后函数就存在了，所以那里都能调用它了)。至于下面这种函数表达式，为什么在函数表达式上面执行会报错呢？来看看下面的代码

console.log(a);

var a=1;

这段代码的执行结果是什么呢？undefined，这是不是很像我们的函数表达式了，其实，如果说我们在函数表达式之前也打印一下这个say1(),结果也是undefined，原因就是带有var 的变量，当然这里说的是全局变量，它在预解析的时候会有一个变量提升，变量提升是什么意思呢，看上面这段代码，其实就相当于下面这段代码

var a;

console.log(a);

a=1;

现在知道了吧，a这个变量是存在的，并且初始化成了一个undefined，所以说我们的函数表达式也是一样的，它也有变量提升，在将函数赋值给你定义的变量之前，调用就会报它不是函数的错，而打印出来就是undefined，是不是很好理解呢，学到了吗？

如果你觉得对你有帮助的话，记得点个关注哦，我会持续更新更多你想知道的，wx search 全栈学习笔记  精彩美文每天为你  推送！