淺析javascript中函數聲明和函數表達式的區(qū)別

更新時間：2015年02月15日 09:37:34 投稿：hebedich

這篇文章主要介紹了淺析javascript中函數聲明和函數表達式的區(qū)別,需要的朋友可以參考下

javascript中聲明函數的方法有兩種:函數聲明式和函數表達式.

區(qū)別如下:

1).以函數聲明的方法定義的函數,函數名是必須的,而函數表達式的函數名是可選的.

2).以函數聲明的方法定義的函數,函數可以在函數聲明之前調用,而函數表達式的函數只能在聲明之后調用.

3).以函數聲明的方法定義的函數并不是真正的聲明,它們僅僅可以出現在全局中,或者嵌套在其他的函數中,但是它們不能出現在循環(huán),條件或者try/catch/finally中,而

函數表達式可以在任何地方聲明.

下面分別用兩種方法定義函數:

復制代碼代碼如下:

 //函數聲明式

 function greeting(){

       console.log("hello world");  

 }

 //函數表達式

 var greeting = function(){

     console.log("hello world"); 

 }

下面一個有趣的javascript:

復制代碼代碼如下:

 function f() { console.log('I am outside!'); }

 (function () {

   if(false) {

     // 重復聲明一次函數f

     function f() { console.log('I am inside!'); }

   }

   f();

 }());

會輸出什么呢?第一反應應該是"I am outside"吧. 結果在chrome中輸出"I am inside",IE11直接報錯,firefox低一點的版本輸出"I am outside"...

chrome輸出的結果很明確的反應了用函數聲明式聲明的函數的特點--函數在聲明之前就可以調用.

IE報錯顯示缺少對象,因為函數聲明在了條件里,違背了函數聲明式的原則.

函數表達式的作用域:

如果函數表達式聲明的函數有函數名,那么這個函數名就相當于這個函數的一個局部變量,只能在函數內部調用,舉個栗子:

復制代碼代碼如下:

 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()在函數內部可以調用,在函數外部調用就會報錯:fact未定義

以上就是本文的全部內容了，希望大家能夠喜歡。

您可能感興趣的文章:

Echarts折線圖如何根據容器寬度自適應展示
我們使用vue做項目的時候,常常需要做到echarts圖表的自適應,一般是根據頁面的寬度做對應的適應,下面這篇文章主要給大家介紹了關于Echarts折線圖如何根據容器寬度自適應展示的相關資料,需要的朋友可以參考下
2022-11-11
javascript實現選中復選框后相關輸入框變灰不可用的方法
這篇文章主要介紹了javascript實現選中復選框后相關輸入框變灰不可用的方法,涉及javascript針對頁面元素屬性的相關操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
javascript使用正則獲取url上的某個參數
使用indexOf取得？之后的參數，以&使split進行分割成數組，下面展示了一個從url上獲取名為MenuCode參數的過程
2014-09-09
js獲取瀏覽器的各種屬性
本篇文章主要介紹了js獲取瀏覽器各種屬性的相關資料。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
小程序實現留言板
這篇文章主要為大家詳細介紹了微信小程序實現留言板，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11
JS實現進度條動態(tài)加載特效
這篇文章主要為大家詳細介紹了JS實現進度條動態(tài)加載特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
javascript 選擇文件夾對話框(web)
web程序開發(fā)中經常會遇見選擇文件夾的時候，這對于web程序員是一件麻煩的事情，由于本地安全限制JS不能訪問本地文件，所以選擇文件夾一般都避而不談，筆者在寫一個程序的時候也遇見了同樣的問題，開始嘗試使用JS來遍歷文件，結果都沒有成功
2009-07-07
JavaScript實現忘記密碼功能的示例代碼
這篇文章主要為大家詳細介紹了如何使用HTML、CSS和JavaScript實現一個完整的忘記密碼功能,文中的示例代碼講解詳細,需要的可以參考一下
2024-01-01
總結分享10 個超棒的 JavaScript 簡寫技巧
這篇文章主要總結分享10 個超棒的 JavaScript 簡寫技巧，有合并數組、克隆數組、解構賦值、模板字面量等技巧，需要的朋友可以參考一下
2022-06-06
JavaScript 中斷請求幾種方案詳解
這篇文章主要介紹了JavaScript 中斷請求幾種方案詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下
2021-09-09