2018-05-30閉包和函數(shù)

一、 計時器

? ? ? ? ? ? ? ? 一次性定時器

? ? ? ? ? ? ? ? ? setTimeOut(function(){

? ? ? ? ? //1秒后執(zhí)行

? ? ? ? ? ? ? ? ? },1000)


? ? ? ? ? ? ? ? ? 停止一次性定時器:clearTimeout();

? ? ? ? ? ? ? ? 永久性定時器

? ? ? ? ? ? ? ? ? setInterval(function(){

? ? ? ? ? ? ? ? //1秒后執(zhí)行绵载,并且每隔一秒執(zhí)行一次

? ? ? ? ? ? ? ? ? },1000)

? ? ? ? ? ? ? ? ? 停止永久性定時器的方法:clearInterval();

? ? ? ? 一斩郎、函數(shù)聲明與表達(dá)式

? ? ? ? ? ? 1.函數(shù)聲明

? ? ? ? ? ? function fn(){

? ? ? ? ? ? console.log('hello world');

? ? ? ? ? ? }

? ? ? ? ? ? ? fn();

? ? ? ? ? ? fn();

? ? ? ? ? ? function fn(){

? ? ? ? console.log('HELLO JS');

? ? ? ? }?

? ? ? ? ? ? //函數(shù)的聲明可以把函數(shù)的調(diào)用放在任何位置都可以執(zhí)行

? ? ? ? ? ? 2.函數(shù)表達(dá)式:相當(dāng)于把一個匿名函數(shù)賦值給一? 個變量

? ? ? ? ? ? ? ? var foo=function(){

? ? ? ? ? ? ? console.log('hello function');

? ? ? ? ? }

? ? ? ? ? ? foo();

? ? ? ? ? ? //函數(shù)表達(dá)式中函數(shù)的調(diào)用不可以放在頂部,會報錯

? ? ? ? 二倔监、立即執(zhí)行函數(shù):

? ? ? ? ? ? 我們之前使用的函數(shù)都是先定義劈榨,后調(diào)用。在JavaScript中我們可以定義一個函數(shù)份氧,讓他在定義的時候直接調(diào)用,我們叫他立即執(zhí)行函數(shù)

? ? ? ? ? ? 要想立即執(zhí)行函數(shù)能做到立即執(zhí)行弯屈,要注意兩點蜗帜,

? ? ? ? ? ? 一是函數(shù)體后面要有小括號(),

? ? ? ? ? ? 二是函數(shù)體必須是函數(shù)表達(dá)式而不能是函數(shù)聲明季俩。


? ? ? ? ? ? (function(test){

? ? ? ? ? ? console.log(test);

? ? ? ? ? ? })(123)

? ? ? ? ? ? !(function(test){

? ? ? ? ? ? console.log(test);

? ? ? ? ? ? })(123)


? ? ? ? ? ? +(function(test){

? ? ? ? ? ? console.log(test);

? ? ? ? ? ? })(123)


? ? ? ? ? ? -(function(test){

? ? ? ? ? ? console.log(test);

? ? ? ? ? ? })(123)

? ? ? ? ? ? ? var fun=function(test){

? ? ? ? ? ? console.log(test);

? ? ? ? ? ? }(123456);

? ? ? ? ? ? 除了使用()運算符之外钮糖,梅掠!酌住,+,-阎抒,=等運算符都能起到立即執(zhí)行的作用酪我。這些運算符的作用就是將匿名函數(shù)或函數(shù)聲明轉(zhuǎn)換為函數(shù)表達(dá)式

? ? ? ? ? for(var i=0;i<10;i++){

? ? ? ? setTimeout(function(){

? ? ? ? ? ? console.log(i);

? ? },1000)

? ? ? ? ? 上面的代碼不會輸出數(shù)字 0 到 9,而是會輸出數(shù)字 10 十次且叁。







? ? ? 閉包是依賴于函數(shù)的都哭,因為函數(shù)是js中唯一擁有自身作用域的結(jié)構(gòu)

? ? ? ? ? 函數(shù)的作用域:

? ? ? ? ? ? ? ? function fn1(){

? ? ? ? ? ? ? ? var a=100;

? ? ? ? ? ? ? ? console.log(a);

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? fn1();

? ? ? ? ? ? ? ? function fn2(){

? ? ? ? ? ? ? ? ? var b=200;

? ? ? ? ? ? ? ? ? console.log(2);

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? fn2();

? ? ? ? ? ? ? ? 兩個單獨的函數(shù),分別都有自己的作用域逞带,并且只能訪問自己作用域中的變量欺矫,而無法訪問其他作用域中的變量

? ? ? ? ? ? ? ? 如果想要兩個函數(shù)訪問其他函數(shù)作用域中的變量,這時候就需要函數(shù)的嵌套展氓。這時候就會形成閉包

? ? ? ? ? ? ? ? 閉包:閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)穆趴,也就是說,當(dāng)函數(shù)嵌套的時候遇汞,我們可以叫內(nèi)部函數(shù)為閉包未妹,利用閉包的特性,我們可以通過返回值的方式得到內(nèi)部函數(shù)中的變量

? ? ? ? ? ? ? ? function fn1(){

? ? ? ? ? ? ? ? var a=100;

? ? ? ? ? ? ? ? console.log(a);

? ? ? ? ? ? ? ? function fn2(){

? ? ? ? ? ? ? ? ? ? var b=10;

? ? ? ? ? ? ? ? ? ? console.log(b);

? ? ? ? ? ? ? ? ? ? console.log(a);

? ? ? ? ? ? ? ? ? ? return b;

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? return fn2;

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? fn1();

? ? ? ? ? ? ? ? function fun1(){

? ? ? ? ? ? ? ? ? var m=3;

? ? ? ? ? ? ? ? ? function fun2(){

? ? ? ? ? ? ? ? ? ? var n=5;

? ? ? ? ? ? ? ? ? ? return n;

? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? return fun2()

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? console.log(fun1);//5

? ? ? ? ? ? return n 相當(dāng)于把n的值給了fun2函數(shù)簿废,所以先在fun2函數(shù)的值就是5.再return fun2就相當(dāng)于把fun2的值再給了函數(shù)fun1;所以最后輸出fun1的值為5


? ? ? ? ? ? 上面的代碼中,我們通過兩個返回值把內(nèi)部函數(shù)的變量暴露出來络它,讓全局作用域可以獲取到這個變量族檬,我們還可以進(jìn)一步改變代碼,讓內(nèi)部函數(shù)暴露化戳,而不是讓內(nèi)部函數(shù)中的變量暴露

? ? ? ? ? ? function fun1(){

? ? ? ? ? ? ? var n=5;

? ? ? ? ? ? function fun2(){

? ? ? ? ? ? ? var m=3;

? ? ? ? ? ? ? return m;

? ? ? ? ? ? }

? ? ? ? ? ? return fun2;

? ? ? ? ? ? }


? ? ? ? ? ? console.log(fun1());

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末单料,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子点楼,更是在濱河造成了極大的恐慌看尼,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盟步,死亡現(xiàn)場離奇詭異藏斩,居然都是意外死亡,警方通過查閱死者的電腦和手機却盘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進(jìn)店門狰域,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人黄橘,你說我怎么就攤上這事兆览。” “怎么了塞关?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵抬探,是天一觀的道長。 經(jīng)常有香客問我帆赢,道長小压,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任椰于,我火速辦了婚禮怠益,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘瘾婿。我一直安慰自己蜻牢,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布偏陪。 她就那樣靜靜地躺著抢呆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪笛谦。 梳的紋絲不亂的頭發(fā)上抱虐,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天,我揣著相機與錄音揪罕,去河邊找鬼梯码。 笑死宝泵,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的轩娶。 我是一名探鬼主播儿奶,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鳄抒!你這毒婦竟也來了闯捎?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤许溅,失蹤者是張志新(化名)和其女友劉穎瓤鼻,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體贤重,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡茬祷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了并蝗。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片祭犯。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖滚停,靈堂內(nèi)的尸體忽然破棺而出沃粗,到底是詐尸還是另有隱情,我是刑警寧澤键畴,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布最盅,位于F島的核電站,受9級特大地震影響起惕,放射性物質(zhì)發(fā)生泄漏涡贱。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一疤祭、第九天 我趴在偏房一處隱蔽的房頂上張望盼产。 院中可真熱鬧,春花似錦勺馆、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至搓译,卻和暖如春悲柱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背些己。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工豌鸡, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留嘿般,地道東北人。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓涯冠,卻偏偏與公主長得像炉奴,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蛇更,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,914評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 立即執(zhí)行函數(shù): 一瞻赶、計時器 一次性定時器 setTimeOut(function(){ //1秒后執(zhí)行 },100...
    辭蘇閱讀 272評論 0 0
  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情派任,實現(xiàn)同樣的效果;這時候需要使用工廠模式砸逊。簡單...
    舟漁行舟閱讀 7,761評論 2 17
  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,149評論 0 13
  • 1.函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 (*) 區(qū)別: 函數(shù)聲明后面的分號可加可不加掌逛,不加也不影響接下來語句的執(zhí)行师逸,但...
    Sheldon_Yee閱讀 401評論 0 1
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例豆混,加載時并不主動創(chuàng)建字旭,需要時才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,067評論 1 10