JS定义函数的两种方式:函数声明和函数表达式

Posted Boom__Clap

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS定义函数的两种方式:函数声明和函数表达式相关的知识,希望对你有一定的参考价值。

函数声明

  关于函数声明的方式,它的一个重要的特性就是函数声明提升(function declaration hoisting),意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面,如下所示:

1             sayHi();
               //在调用语句的后面声明函数(function declaration hoisting)
2             function sayHi () {
3                console.log("Hello World");
4             } 

  

 函数表达式

  有多种表达方式,下面是最常见的一种:

 var s = function (agr1, arg2) {
      console.log(arg1 + ‘  ‘ + arg2);
  } 

按照书中所说,函数声明语句,声明函数实际是声明了一个变量f,然后将一个声明的函数对象赋值给变量f,变量的声明有提至所有代码顶部的特点,故函数声明语句声明的函数可以在声明之前调用。

 

至于为什么同样是将一个函数赋值给一个变量,函数表达式却不能提到前面呢?我们来分析下:

var s = function(arg1, arg2) {};

  

可以拆分为:

var s;
s = function (arg1, arg2) {}

  

其中 var s 被提前声明了,但 s = xxxx 是要在运行到这里的时候才进行。

 

以上是关于JS定义函数的两种方式:函数声明和函数表达式的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript函数的两种声明方式

JavaScript函数的两种声明方式

函数声明的两种形式的区别

函数——函数的两种声明方式:函数声明&函数表达式的区别(未完待续。。。)

javascript函数篇函数声明提升

js 函数定义的两种方式以及事件绑定(扫盲)