JavaScript 函数声明方式

本文介绍一下实际编码中常见的几种函数声明方式，并介绍一下它们之间的区别。

一.函数声明方式:

所谓的函数声明的方式就是采用function+函数名(){}的方式创建一个函数。

代码实例如下:

function func(){
  console.log("前端教程网");
}

此种方式声明的函数，可以在声明之前调用此函数，代码实例如下:

func();
function func(){
  console.log("前端教程网");
}

从上面的演示可以看出，函数的调用可以在函数的声明之前，这是因为在js代码预编译阶段函数声明会被前置。

二.表达式方式声明:

所谓表达式方式声明，就是采用表达式方式创建一个函数。代码实例:

var func=function(){
  console.log("前端教程网");
}

上面的代码采用表达式方式声明一个函数。

这种方式声明的函数必须在声明之后使用，否则会报错，代码实例如下:

func();
var func=function(){
  console.log("前端教程网");
}

上面的代码会报错，需要在函数声明的后面调用，下面介绍一下原因:

表达式方式其实就是一个变量声明赋值的表达式，在js预编译阶段，变量的声明会前置，但是此时变量的值是undefined，也就是说当我们再调用func()函数的时候，func的值是undefined，所以会报错，变量赋值操作是在js代码执行的阶段。