JS函數表達式的基本概念

本篇內容主要講解“JS函數表達式的基本概念”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JS函數表達式的基本概念”吧!

函數表達式的基本概念

name屬性和函數提升

首先，name屬性，通過這個屬性可以訪問到給函數指定的名字。（非標準的屬性）如：

function  People(){};

console.log(People.name);  //People

其次，函數聲明提升，意味著可以把函數聲明放在調用它的語句后面。如：

sayHi();  //調用函數

function  sayHi(){  //聲明函數

    console.log("Hi");

}  //不會報錯

使用函數表達式則不可以：

sayHi();

var  sayHi  =  function(){

    console.log("Hi");

}  //報錯

創建函數的兩種方式，一個是函數聲明（如第一種方式）；一個是函數表達式（如第二種方式）。第二種函數創建方式創建的函數叫“匿名函數”或“拉姆達函數”，因為function 關鍵字后面沒有標識符。

函數提升的常見錯誤

需要注意的是，作為對比，下面的兩種代碼中，第一個是錯誤的（會導致各瀏覽器出現不同的問題）；第二個才使正確的。代碼如下：

var  condition  =  true;

if  (condition){

    function  sayHI(){

        console.log("hi")

    }                                 //歡迎加入前端全棧開發交流圈一起學習交流：1007317281

    sayHI();  //"hello"

}else{

    function  sayHI(){

        console.log("hello")

    }

    sayHI();

}

報錯

var  condition  =  false;

var  sayHi;

if(condition){

    sayHi  =  function(){

        console.log("hi")

    };                        //歡迎加入前端全棧開發交流圈一起學習交流：1007317281

    sayHi();

}else{

    sayHi  =  function(){

        console.log("hello")

    };

    sayHi();  //hello

}

沒有錯誤

var  condition  =  true;

if(condition){

    var  sayHi  =  function(){

        console.log("hi")

    };

    sayHi();  //hi

}else{

    var  sayHi  =  function(){

        console.log("hello")

    };

    sayHi();  //hello

}

這里也不會出現問題。出現上面問題的根源就是函數提升，就是函數聲明和函數表達式之間的區別所導致的。

到此，相信大家對“JS函數表達式的基本概念”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！