這篇文章主要介紹了JavaScript函數表達式詳解及實例的相關資料,需要的朋友可以參考下
#JavaScript函數表達式
一、序
定義函數的方式有兩種：一種是函數宣告，另一種是函數表達式；
1.1 函數宣告
1.1 函數宣告
function functionName(arg){
//函数体
}登入後複製
關於函數宣告，它有一個重要特性就是函數宣告提升，意思是在執行程式碼之前會先讀取函數宣告。這意味著可以把函數放在呼叫它的語句後面。如下圖所示：
helloworld(); //在代码执行之前会先读取函数声明
function helloworld(){
console.log("hello world");
}登入後複製
1.2 函數式
var functionName=function(arg){
//函数体
}登入後複製
# 此形式看起來好像是常規的變數賦值語句，也就是建立一個函數並將它賦值給變數functionName。這種情況所建立的函數叫做匿名函數。因為function關鍵字後面沒有標識符。
函數表達式與其他表達式一樣，在使用前必須先賦值；如下面程式碼就會導致錯誤；
helloworld(); //错误，还未赋值，函数不存在
var helloworld=function(){
console.log("hello world");
}登入後複製
有了函數表達式，我們就可以動態給函數表達式賦值了；如下面程式碼：
#
var helloworld; //声明
if(condition){ //条件
helloworld=function(){ //赋值
console.log("hello world");
}
}
else{
helloworld=function(){ //赋值
console.log("你好，世界");
}
}登入後複製
二、遞歸函數
遞歸函數是在一個函數透過名字呼叫自身的情況下構成的（和C#等語言一樣，所以程式的核心思想是差不多，只是在語法上有些差異，學好一門語言的基礎，學習其他就會輕鬆很多），舉個經典的遞歸面試題，一列數的規則如下: 1 、 1 、 2 、 3 、 5 、 8 、 13 、 21 、 34…… 求第30 位數是多少， 用遞歸演算法實現，程式碼如下所示：
function foo(n) {
if (n <= 0)
return 0;
else if (n > 0 && n <= 2)
return 1;
else
return foo(n - 1) + foo(n - 2);
}登入後複製
雖然這個函數顯示看來沒有什麼問題，但下面的程式碼卻可能導致它出錯：
var foo1 = foo;
foo = null;
console.log(foo1(34));登入後複製
以上程式碼先把foo()函數儲存在變數foo1中，然後將foo變數設為null，結果指向原始函數的參考只剩下一個。但接下來呼叫foo1()時，由於必須執行foo()，而foo已經為null了，所以就會導致錯誤；在這種情況下，使用arguments.callee可以解決這個問題。 arguments.callee是一個指向正在執行的函數的指針，因此可以用它來實現對函數的遞歸調用
function foo(n) {
if (n <= 0)
return 0;
else if (n > 0 && n <= 2)
return 1;
else
return arguments.callee(n - 1) + arguments.callee(n - 2);
}登入後複製
也可以使用命名函數表達式來達成相同的結果。例如：
var foo = (function f(n) {
if (n <= 0)
return 0;
else if (n > 0 && n <= 2)
return 1;
else
return f(n - 1) + f(n - 2);
});登入後複製
三、閉包
3.1 閉包是指有權存取另一個函數作用域中的變數的函數，建立閉包的常見方式，就是在一個函數內部建立另一個函數。要理解閉包，首先必須理解JavaScript特殊變數的作用域。變數的作用域無非就是兩種，全域變數和局部變數；接下來寫幾個demo來直觀表達；
函數內部直接讀取全域變數：
##
var n = 100; //定义一个全局变量
function fn() {
console.log(n); //函数内部直接读取全局变量
}
fn();登入後複製
函數外部不能直接讀取局部變數：
function fn() {
var n = 100;
}
console.log(n); //n is not defined登入後複製
在這裡有個地方需要注意的是，在函數內部聲明變數的時候，一定要用var ,如果沒用，則會變成全域變數：
function fn() {
n = 100;
}
fn();
console.log(n); //100登入後複製
有時候我們需要得到函數內部宣告的變量，所以可以使用上面提到創建閉包的常用方式，在函數內部創建另一個函數：
function fn() {
n = 100;
function fn1() {
console.log(n);
}
fn1();
}
fn(); //100登入後複製
在上面的程式碼中，函數fn1就被包括在函數fn內部，這時fm內部的所有局部變量，對fn1都是可見的。但反過來不行，fn1內部的局部變量，對fn就是看不見的。這就是Javascript語言特有的"鍊式作用域"結構，子物件會一級一級地向上尋找所有父物件的變數。所以，父物件的所有變量，對子物件都是可見的，反之則不成立。
竟然fn1可以讀取fn內部變量，那麼只要把fn1當作回傳值，這要我們就可以在外部讀取fn的變數了
function fn() {
n = 100;
function fn1() {
console.log(n);
}
return fn1;
}
var result=fn();
result(); //100登入後複製
在這裡fn1就是閉包，閉包就是能夠讀取其他函數內部變數的函數。由於在Javascript語言中，只有函數內部的子函數才能讀取局部變量，因此可以把閉包簡單理解成"定義在一個函數內部的函數"。所以，在本質上，閉包就是將函數內部和函數外部連結起來的一座橋樑。
3.2 閉包的用途
它的最大用處有兩個，一個是前面提到的可以讀取函數內部的變量，另一個是讓這些變量的值始終保持在內存中。如下面程式碼所示：
function fn() {
n = 100;
nadd = function () {
n += 1;
}
function fn1() {
console.log(n);
}
return fn1;
}
var result = fn();
result(); //100
nadd();
result(); //101登入後複製
#######
注意：由于闭包函数会携带包含它的函数的作用域，因此会比其他函数占用更多的内存，过度使用闭包可能会导致内存占用过多，所以在退出函数之前，将不使用的局部变量全部删除。
四、块级作用域
块级作用域（又称为私有作用域）的匿名函数的语法如下所示：
(function(){
//块级作用域
})();登入後複製
无论在什么地方，只要临时需要一些变量，就可以使用私有作用域，比如：
(function () {
var now = new Date();
if (now.getMonth() == 0 && now.getDate() == 1) {
alert("新年快乐");
}
})();登入後複製
把上面这段代码放到全局作用域中，如果到了1月1日就会弹出“新年快乐”的祝福；这种技术经常在全局作用域中被用在函数外部，从而限制向全局作用域中添加过多的变量和函数。一般来说,我们都应该尽量少向全局作用域中添加变量和函数。在一个由很多开发人员共同参与的大型应用程序中，过多的全局变量和函数很容易导致命名冲突。而通过创建私用作用域，每个开发人员既可以使用自己的变量，又不必担心搞乱全局作用域。
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
关于如何优化你的JS代码（图文教程）
畅谈HTML+CSS+JS（详细讲解）
原生JS+AJAX做出三级联动效果（附代码）
以上是JavaScript函數表達式（圖文教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
