JS函數(shù)表達式的基本概念

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

函數(shù)表達式的基本概念

name屬性和函數(shù)提升

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

function  People(){};

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

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

sayHi();  //調(diào)用函數(shù)

function  sayHi(){  //聲明函數(shù)

    console.log("Hi");

}  //不會報錯

使用函數(shù)表達式則不可以：

sayHi();

var  sayHi  =  function(){

    console.log("Hi");

}  //報錯

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

函數(shù)提升的常見錯誤

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

var  condition  =  true;

if  (condition){

    function  sayHI(){

        console.log("hi")

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

    sayHI();  //"hello"

}else{

    function  sayHI(){

        console.log("hello")

    }

    sayHI();

}

報錯

var  condition  =  false;

var  sayHi;

if(condition){

    sayHi  =  function(){

        console.log("hi")

    };                        //歡迎加入前端全棧開發(fā)交流圈一起學習交流：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

}

這里也不會出現(xiàn)問題。出現(xiàn)上面問題的根源就是函數(shù)提升，就是函數(shù)聲明和函數(shù)表達式之間的區(qū)別所導致的。

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