js中函數(shù)表達(dá)式和自執(zhí)行函數(shù)表達(dá)式的用法總結(jié)

立即調(diào)用函數(shù)表達(dá)式

  • 給函數(shù)體加大括號,在有變量聲明的情形下,沒有任何區(qū)別
  • 但是,如果只是【自動執(zhí)行】的情形下,就會不同
  • 因為,一個匿名函數(shù),不賦值或不加小括號,是不能自動執(zhí)行的
//以下情形并無差別
var count100 = function getCount100(){ return(100) }();//100
var count200 = (function getCount200(){ return(200) })();//200,加大括號和count100沒有區(qū)別
var count = (function getCount(n){ return(n) })(300);//300,傳參的情形
//不賦組變量,僅僅自動執(zhí)行
(function aaa(){console.log("aaa")})();// aaa
console.log(aaa);//aaa is not defined
//一個匿名函數(shù),不加大括號,是不能自動執(zhí)行的
function bbb(){console.log("bbb")}();//Unexpected token )
  • ==實際上【自執(zhí)行函數(shù)表達(dá)式】可以有很多復(fù)雜的情形==,比如下邊的復(fù)雜例子
//函數(shù)聲明置于小括號中,沒有自執(zhí)行
( function fn(){console.log("aaa");return "bbb"} );
console.log("fn res is " + fn);// fn is not defined

//函數(shù)聲明置于小括號中,且自執(zhí)行
( function fn(){console.log("aaa");return "bbb"}() );//輸出aaa
console.log("fn res is " + fn);// fn is not defined

//函數(shù)聲明置于小括號中,且自執(zhí)行,注意,負(fù)責(zé)執(zhí)行的一對小括號移到了外部
( function fn(){console.log("aaa");return "bbb"} )();//輸出aaa
console.log("fn res is " + fn);// fn is not defined

//函數(shù)聲明置于小括號中,函數(shù)未執(zhí)行但將其賦值給fn
( fn = function aaa(){console.log("aaa");return "bbb"} )
console.log("fn res is " + fn());//fn res is bbb

//函數(shù)聲明置于小括號中,函數(shù)執(zhí)行,并且將其賦值給fn
( fn = function aaa(){console.log("aaa");return "bbb"}() );//輸出aaa
console.log("fn res is " + fn);//fn res is bbb

//函數(shù)聲明置于小括號中,將其賦值給fn,并且在外部執(zhí)行之(注意末尾小括號位置)
( fn = function aaa(){console.log("aaa");return "bbb"} )();//輸出aaa
console.log("fn res is " + fn());//再次輸出aaa,并輸出fn res is bbb

// 匿名函數(shù)在自執(zhí)行,注意末尾小括號位置
( function(){console.log("aaa");return "bbb"} )();//輸出aaa

// 匿名函數(shù)在自執(zhí)行,可見和上邊的例子效果一致
( function(){console.log("aaa");return "bbb"}() );//輸出aaa

//在括號外賦值的函數(shù)表達(dá)式,例一。以下三例的結(jié)果是一致的
var fn = function aaa(){return "bbb"}();
console.log("fn is res " + fn);//fn is res bbb
//例二
var fn = (function aaa(){return "bbb"})();
console.log("fn is res " + fn);//fn is res bbb
//例三
var fn = (function(){return "bbb"})();
console.log("fn is res " + fn);//fn is res bbb
-------

//正常的函數(shù),注意fn的name屬性自動設(shè)置為fn
function fn(){return "bbb"};
console.log(fn.name);//fn
console.log("fn is res " + fn());//fn is res bbb
//函數(shù)表達(dá)式,注意fn的name屬性是fn
var fn = function(){return "bbb"};
console.log(fn.name);//fn
console.log("fn is res " + fn());//fn is res bbb
//函數(shù)表達(dá)式,注意fn的name屬性是aaa
var fn = function aaa(){return "bbb"};
console.log(fn.name);//aaa
console.log("fn is res " + fn());//fn is res bbb

對于如此多的不同情形,可以總結(jié)如下:

  • 在不賦值的情形下,在小括號中的函數(shù)或者函數(shù)表達(dá)式,被阻止聲明為一個全局的變量,同時其內(nèi)部是可執(zhí)行的
  • 但如果其在小括號中,被賦值給了某一變量,那么該函數(shù)或者函數(shù)表達(dá)式就會被曝露出去,可以在外部調(diào)用
  • 函數(shù)表達(dá)式在賦值給一個變量時,該變量會擁有一個name屬性,它的值取決于函數(shù)表達(dá)式是否為匿名函數(shù)
  • 如果為匿名函數(shù),則變量的name屬性值為自身,如果為具名函數(shù),則變量的name屬性值為具名函數(shù)的name值
  • 影響表達(dá)式執(zhí)行的末尾的一對小括號,對詞法上的影響很小
  • 即,影響函數(shù)表達(dá)式的因素,由大到小是: 賦值與否 => 匿名與否 => 何時執(zhí)行
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 函數(shù)和對象 1、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念。通過函數(shù)可以封裝任意多條語句,而且...
    道無虛閱讀 4,950評論 0 5
  • ??函數(shù)表達(dá)式是 JavaScript 中的一個既強大有容易令人困惑的特性。定義函數(shù)的的方式有兩種: 函數(shù)聲明; ...
    霜天曉閱讀 889評論 0 1
  • 函數(shù)和Lambda表達(dá)式 Kotlin對Java的存粹的面向?qū)ο筮M(jìn)行了彌補,增加了函數(shù)式編程的支持,提高了編程的靈...
    JamFF閱讀 1,361評論 1 2
  • 官網(wǎng) 中文版本 好的網(wǎng)站 Content-type: text/htmlBASH Section: User ...
    不排版閱讀 4,715評論 0 5
  • 每一個女孩 一陣陣風(fēng) 而我 這個追風(fēng)的少年 還在無聲地 等待 到底哪一縷輕風(fēng) 將趟過指間 被我抓住 如果是你 多好
    絢爛夏花閱讀 278評論 0 0

友情鏈接更多精彩內(nèi)容