本篇文章給大家分享的是有關var foo = function () {} 與 function foo()在JavaScript 中的區(qū)別是什么，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)建站于2013年創(chuàng)立，先為綏化等服務建站，綏化等地企業(yè)，進行企業(yè)商務咨詢服務。為綏化企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

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

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

var a = {}

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

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

如果使用

function a () {};

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

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

看一個例子

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

我們會發(fā)現(xiàn)alert(hereOrThere) 語句執(zhí)行時會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';
};

以上就是var foo = function () {} 與 function foo()在JavaScript 中的區(qū)別是什么，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文標題：varfoo=function(){}與functionfoo()在JavaScript中的區(qū)別是什么
URL地址：http://redsoil1982.com.cn/article48/jheihp.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、定制開發(fā)、響應式網站、網站導航、移動網站建設、品牌網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)