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

更新時(shí)間：2018年03月01日 10:02:02 作者：歸去來兮-不如去兮

這篇文章主要介紹了JavaScript 中定義函數(shù)用 var foo = function () {} 和 function foo()區(qū)別介紹,需要的朋友可以參考下

某天寫代碼突然縣道這個(gè)問題,順勢總結(jié)一波

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

簡單的說如果我們使用匿名函數(shù)

var a = {}

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

也就是，匿名函數(shù)只有在被調(diào)用時(shí)才被初始化。

如果使用

function a () {};

這種方式，編譯后函數(shù)聲明和他的賦值都會(huì)被提前。

也就是說函數(shù)聲明過程在整個(gè)程序執(zhí)行之前的預(yù)處理就完成了，所以只要處于同一個(gè)作用域，就可以訪問到，即使在定義之前調(diào)用它也可以。

看一個(gè)例子

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

我們會(huì)發(fā)現(xiàn)alert(hereOrThere) 語句執(zhí)行時(shí)會(huì)alert('there')！這里的行為其實(shí)非常出乎意料，主要原因是JavaScript 函數(shù)聲明的“提前”行為，簡而言之，就是Javascript允許我們?cè)谧兞亢秃瘮?shù)被聲明之前使用它們，而第二個(gè)定義覆蓋了第一種定義。換句話說，上述代碼編譯之后相當(dāng)于

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

我們期待的行為

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

這段程序編譯之后相當(dāng)于：

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

總結(jié)

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

您可能感興趣的文章: