淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別
javascript中聲明函數(shù)的方法有兩種:函數(shù)聲明式和函數(shù)表達式.
區(qū)別如下:
1).以函數(shù)聲明的方法定義的函數(shù),函數(shù)名是必須的,而函數(shù)表達式的函數(shù)名是可選的.
2).以函數(shù)聲明的方法定義的函數(shù),函數(shù)可以在函數(shù)聲明之前調(diào)用,而函數(shù)表達式的函數(shù)只能在聲明之后調(diào)用.
3).以函數(shù)聲明的方法定義的函數(shù)并不是真正的聲明,它們僅僅可以出現(xiàn)在全局中,或者嵌套在其他的函數(shù)中,但是它們不能出現(xiàn)在循環(huán),條件或者try/catch/finally中,而
函數(shù)表達式可以在任何地方聲明.
下面分別用兩種方法定義函數(shù):
//函數(shù)聲明式
function greeting(){
console.log("hello world");
}
//函數(shù)表達式
var greeting = function(){
console.log("hello world");
}
下面一個有趣的javascript:
function f() { console.log('I am outside!'); }
(function () {
if(false) {
// 重復(fù)聲明一次函數(shù)f
function f() { console.log('I am inside!'); }
}
f();
}());
會輸出什么呢?第一反應(yīng)應(yīng)該是"I am outside"吧. 結(jié)果在chrome中輸出"I am inside",IE11直接報錯,firefox低一點的版本輸出"I am outside"...
chrome輸出的結(jié)果很明確的反應(yīng)了用函數(shù)聲明式聲明的函數(shù)的特點--函數(shù)在聲明之前就可以調(diào)用.
IE報錯顯示缺少對象,因為函數(shù)聲明在了條件里,違背了函數(shù)聲明式的原則.
函數(shù)表達式的作用域:
如果函數(shù)表達式聲明的函數(shù)有函數(shù)名,那么這個函數(shù)名就相當于這個函數(shù)的一個局部變量,只能在函數(shù)內(nèi)部調(diào)用,舉個栗子:
var f = function fact(x) {
if (x <= 1)
return 1;
else
return x*fact(x-1);
};
alert(fact()); // Uncaught ReferenceError: fact is not defined
fact()在函數(shù)內(nèi)部可以調(diào)用,在函數(shù)外部調(diào)用就會報錯:fact未定義
以上就是本文的全部內(nèi)容了,希望大家能夠喜歡。
- JavaScript中函數(shù)聲明與函數(shù)表達式的區(qū)別詳解
- 淺談javascript 函數(shù)表達式和函數(shù)聲明的區(qū)別
- JavaScript中函數(shù)表達式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達式的不同
- 詳解JavaScript中的函數(shù)聲明和函數(shù)表達式
- js中函數(shù)聲明與函數(shù)表達式
- JavaScript中的函數(shù)聲明和函數(shù)表達式區(qū)別淺析
- javascript函數(shù)聲明和函數(shù)表達式區(qū)別分析
- Javascript學習筆記之 函數(shù)篇(一) : 函數(shù)聲明和函數(shù)表達式
- javascript 函數(shù)聲明與函數(shù)表達式的區(qū)別介紹
- Javascript中的函數(shù)聲明與函數(shù)表達式(奇技淫巧)
- 理解 javascript 中的函數(shù)表達式與函數(shù)聲明
相關(guān)文章
Echarts折線圖如何根據(jù)容器寬度自適應(yīng)展示
我們使用vue做項目的時候,常常需要做到echarts圖表的自適應(yīng),一般是根據(jù)頁面的寬度做對應(yīng)的適應(yīng),下面這篇文章主要給大家介紹了關(guān)于Echarts折線圖如何根據(jù)容器寬度自適應(yīng)展示的相關(guān)資料,需要的朋友可以參考下2022-11-11
javascript實現(xiàn)選中復(fù)選框后相關(guān)輸入框變灰不可用的方法
這篇文章主要介紹了javascript實現(xiàn)選中復(fù)選框后相關(guān)輸入框變灰不可用的方法,涉及javascript針對頁面元素屬性的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
javascript使用正則獲取url上的某個參數(shù)
使用indexOf取得?之后的參數(shù),以&使split進行分割成數(shù)組,下面展示了一個從url上獲取名為MenuCode參數(shù)的過程2014-09-09
總結(jié)分享10 個超棒的 JavaScript 簡寫技巧
這篇文章主要總結(jié)分享10 個超棒的 JavaScript 簡寫技巧,有合并數(shù)組、克隆數(shù)組、解構(gòu)賦值、模板字面量等技巧,需要的朋友可以參考一下2022-06-06

