javascipt中函数如何声明及其作用(js函数声明和函数表达式)

导语：Javascript应用-函数声明和函数表达式的区别与应用

一、一个例子讲清楚函数声明和函数表达式

函数声明定义：一个标准的函数声明，由关键字function 、函数名、形参和代码块组成。

有名字的函数又叫具名函数。

举个例子：

function quack(num) { for (var i = 0; i < num; i++) { console.log() } } quack(3)

函数表达式定义：函数没有名称，而且位于一条赋值语句右边，被赋给一个变量。

在语句（如赋值语句）中，以这样的方式使用关键function时，创建的是函数表达式。

没有名称的函数又叫匿名函数。

举个例子：

var fly = function(num) { for (var i = 0; i < num; i++) { console.log(); } } fly(3)

二、区别：

无论你使用函数声明还是函数表达式，得到的都是函数。那么它们的区别何在呢？

要明白这种差别，首先需要研究一下浏览器在运行阶段如何处理代码。

下面我举个例子，看看浏览器如何分析并执行网页中的代码。

举例：

var migrating = true; var fly = function (num) { for (var i = 0; i < num; i++) { console.log() } } function quack(num) { for (var i = 0; i < num; i++) { console.log() } } if (migrating) { quack(4) fly(4) }

第一步：分析函数声明

在分析网页期间（执行任何代码之前），浏览器查找函数声明。找到函数声明时，浏览器创建相应的函数，并将得到的函数引用赋给与函数同名的变量。

第二步：浏览器执行代码

处理所有的函数声明后，浏览器回到代码开头，开始按从头到尾的顺序执行代码。

第三步：继续执行

处理完变量fly后，浏览器继续往下执行。接下来的语句是函数quack的声明，因为已经处理过了，所以浏览器跳过声明，接着执行后面的条件语句。

我们来总结一下，浏览器的执行过程。

首先扫描代码，查找函数声明分析函数声明（存储该函数，并创建一个与函数同名变量来存储指向该函数的引用）处理完所有函数声明后，浏览器从头开始执行代码（按顺序处理各种函数变量）碰到函数表达式时，同函数声明，需存储该函数，并将指向该函数的引用赋给表达式左边的变量

得出结论：函数声明与函数表达式的区别

本文内容由小梓整理编辑！