JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹

來源：懂視網責編：小采時間：2020-11-27 22:18:29

JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹

JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹:某天寫代碼突然縣道這個問題,順勢總結一波 JavaScript 函數和變量聲明的提前（hoist）行為簡單的說如果我們使用匿名函數 var a = {} 這種方式，編譯后變量聲明a 會被提前了，但是他的賦值（也就是a）并不會被提前。也就是，匿名函數只有在被調

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹:某天寫代碼突然縣道這個問題,順勢總結一波 JavaScript 函數和變量聲明的提前（hoist）行為簡單的說如果我們使用匿名函數 var a = {} 這種方式，編譯后變量聲明a 會被提前了，但是他的賦值（也就是a）并不會被提前。也就是，匿名函數只有在被調

某天寫代碼突然縣道這個問題,順勢總結一波

JavaScript 函數和變量聲明的“提前”（hoist）行為

簡單的說如果我們使用匿名函數

var a = {}

這種方式，編譯后變量聲明a 會“被提前”了，但是他的賦值（也就是a）并不會被提前。

也就是，匿名函數只有在被調用時才被初始化。

如果使用

function a () {};

這種方式，編譯后函數聲明和他的賦值都會被提前。

也就是說函數聲明過程在整個程序執行之前的預處理就完成了，所以只要處于同一個作用域，就可以訪問到，即使在定義之前調用它也可以。

看一個例子

function hereOrThere() { //function statement
 return 'here';
}
console.log(hereOrThere()); // alerts 'there'
function hereOrThere() {
 return 'there';
}

我們會發現alert(hereOrThere) 語句執行時會alert('there')！這里的行為其實非常出乎意料，主要原因是JavaScript 函數聲明的“提前”行為，簡而言之，就是Javascript允許我們在變量和函數被聲明之前使用它們，而第二個定義覆蓋了第一種定義。換句話說，上述代碼編譯之后相當于

function hereOrThere() { //function statement
 return 'here';
}
function hereOrThere() {//申明前置了，但因為這里的申明和賦值在一起，所以一起前置
 return 'there';
}
console.log(hereOrThere()); // alerts 'there'

我們期待的行為

var hereOrThere = function () { // function expression
 return 'here';
};
console.log(hereOrThere()); // alerts 'here'
hereOrThere = function () {
 return 'there';
};

這段程序編譯之后相當于：

var hereOrThere；//申明前置了
hereOrThere = function() { // function expression
 return 'here';
};
console.log(hereOrThere()); // alerts 'here'
hereOrThere = function() {
 return 'there';
};

總結

以上所述是小編給大家介紹的JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹

推薦度：

點擊下載本文 文檔為doc格式

標簽：定義 js fun

熱門焦點

JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹

JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹

JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹

最新推薦

猜你喜歡

熱門推薦