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

綏中網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司從2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

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

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

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

function  People(){};

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

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

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

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

    console.log("Hi");

}  //不會報(bào)錯

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

sayHi();

var  sayHi  =  function(){

    console.log("Hi");

}  //報(bào)錯

創(chuàng)建函數(shù)的兩種方式，一個是函數(shù)聲明（如第一種方式）；一個是函數(shù)表達(dá)式（如第二種方式）。第二種函數(shù)創(chuàng)建方式創(chuàng)建的函數(shù)叫“匿名函數(shù)”或“拉姆達(dá)函數(shù)”，因?yàn)閒unction 關(guān)鍵字后面沒有標(biāo)識符。

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

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

var  condition  =  true;

if  (condition){

    function  sayHI(){

        console.log("hi")

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

    sayHI();  //"hello"

}else{

    function  sayHI(){

        console.log("hello")

    }

    sayHI();

}

報(bào)錯

var  condition  =  false;

var  sayHi;

if(condition){

    sayHi  =  function(){

        console.log("hi")

    };                        //歡迎加入前端全棧開發(fā)交流圈一起學(xué)習(xí)交流：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ù)表達(dá)式之間的區(qū)別所導(dǎo)致的。

到此，相信大家對“JS函數(shù)表達(dá)式的基本概念”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！