JS函數簡介(二)----函數作用域、函數作用域鏈、函數的遞歸

一、函數的作用域

首先,作用域就是指變量的作用范圍
然后,在JS中只有兩個作用域:1.全局作用域,2.局部作用域(函數作用域)

  • 全局作用域

    • 簡介:
      全局作用域就是函數作用域外的作用域,處于window對象之中;
    • 全局變量:
      1.全局變量是指不在函數內部創建的變量,全局變量都處于window對象之中,如下變量就是在一個全局變量:


      全局變量

      2.另外,在函數內部創建變量時,如果不加var進行聲明,那么這個變量也是全局變量,


      不加var聲明的變量都是全局變量
  • 局部作用域(函數作用域)

    • 簡介:
      局部作用域是指在創建了函數后,在函數內部形成的作用域;
    • 局部變量:
      1.局部變量是指在函數內部通過var進行聲明的變量,如下變量就是一個局部變量:


      局部變量
  • 全局變量和局部變量的調用

    • 在函數中,如果函數需要傳入一個變量,而這個變量并不在它自身內部,那么就可以調用全局下的變量:


      函數調用全局變量
    • 全局作用域下不能調用函數內的局部變量


      提示錯誤變量a沒有聲明
    • 那么如何在全局作用域下對局部變量進行調用呢?有兩個辦法:1、函數return這個變量再賦值;2、使用閉包;
      1.函數return這個變量,再將return的值賦值給一個全局變量:


      把變量return后賦值

      2.使用閉包,在函數內部再創建一個函數,返回這個函數:


      使用閉包
  • 關于關鍵詞var的兩點
    • 在全局作用域下的函數中不加var對變量進行聲明時,就是全局變量:


      不加var進行聲明的變量都是全局變量
    • 在同一個作用域內,當一個變量已經被聲明并被賦值,后面再次對其進行聲明,該變量的值不變:


      重復聲明值不變

二、關于函數的作用域鏈

  • 簡介
    1.函數的作用域鏈就是指函數在調用變量時所經過的路徑,比如函數fn調用變量a,但是它自身并沒有變量a(沒有在函數內部用var進行聲明),于是就從全局作用域下找變量a,找到就調用全局變量a,那么這個過程就是函數fn的作用域鏈;
    2.要了解函數作用域鏈,首先就要知道在函數對象中,擁有一個內部屬性[[Scope]],該內部屬性包含了函數被創建的作用域中對象的集合,這個集合被稱為函數的作用域鏈,它決定了哪些數據能被函數訪問。
    3.簡單來說:函數對變量的調用是由自身開始向外一層一層找的,距離自身最近變量被找到,就調用該變量;

  • 畫出函數的作用域鏈
    1.代碼如下:


    2.首先因為變量提升和聲明前置,我們將代碼修改成下面這樣:
    變量提升和聲明前置

    3.第一步找到全局作用域下,發現有全局變量i和全局變量fn,然后全局變量fn變成了一個函數,于是可以寫出如下偽代碼:

    全局作用域下

    4.找到函數fn作用域下,發現有局部變量i和函數fn2,但是因為沒有執行,所以這兩項并未被創建,又因為函數fn處于全局作用域下,所以它也可以對全局作用域下的變量進行調用,所以fn的[[Scope]]包含全局作用域globalScope

    fn作用域下

    5.然后在函數fn中有一個函數fn2,發現它里面沒有自身的局部變量,但是因為fn2是在函數fn內被聲明,所以fn2的[[Scope]]包含fn的作用域fnScope,并且fn2也可以對全局作用域下的變量進行調用,所以也包含全局作用域globalScope(全局作用域);
    fn2作用域下

    6.執行函數fn,進入了fn的執行上下文中fn execution context,此時聲明了變量i以及函數fn2,i此時未被賦值,所以是i的值是undefined:


    7.因為i的值是undefined,所以console.log(i)得到的就是undefined,所以執行fn得到的第一個結果就是undefined,然后將99賦值給了i,i變為99


    8.然后執行fn2,進入到fn2的執行上下文fn2 execution context,fn2將100賦值給i,但是因為它自身沒有變量i,于是先到上一層,也就是函數fn中找變量i,得到fn中的i后進行賦值,函數fn中的i變為了100,所以下面的console.log(i)得到的值就是100,函數fn執行的第二個結果就是100;


    9.執行完函數fn后,進入到全局作用域的執行上下文global execution context中,將10賦值給全局變量i,20賦值給全局變量fn,然后因為下面的console.log(i)是在全局作用域下執行,所以這里的i是全局變量的i,得到最后一個結果10;


    10.所以這段代碼的執行結果依次為undefined、100、10,而以上這個一層一層向上找變量的過程就是作用域鏈;
    結果

三、函數遞歸

  • 什么是遞歸
    遞歸簡單說來就是不斷地重復執行同樣的代碼來解決問題
  • 函數的遞歸
    1.特點:
    ①:自己調用自己;
    ②:要設定終止條件;
    2.優缺點
    ①:算法簡單;
    ②:效率低;
  • 一個使用遞歸的簡單例子,求n的階乘n!
    比如求5的階乘就是5! = 5*4*3*2*1
    由此可知,n的階乘就是n! = n*(n-1)*(n-2)....
    (n-2) = (n - 1) - 1
    由此可知代碼如下:
    求階乘

    輸出結果:
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,963評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,348評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,083評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,706評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,442評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,802評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,795評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,983評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,542評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,287評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,486評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,030評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,710評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,116評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,412評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,224評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,462評論 2 378

推薦閱讀更多精彩內容

  • 函數聲明和函數表達式有什么區別 (*)解析器會率先讀取函數聲明,并使其在執行任何代碼之前可以訪問;函數表達式則必須...
    coolheadedY閱讀 399評論 0 1
  • 1.函數聲明和函數表達式有什么區別 (*) 區別: 函數聲明后面的分號可加可不加,不加也不影響接下來語句的執行,但...
    Sheldon_Yee閱讀 409評論 0 1
  • 1.函數聲明和函數表達式有什么區別 (*) 函數聲明 函數表達式 函數聲明:函數調用可以發生在函數聲明之前,例如下...
    TimeLesser閱讀 401評論 4 4
  • 2015.11.03 星期二 廣州 晴 今天上午外出拜訪了商工會里的一家日本企業,到了工廠后,看到工廠外面大門緊鎖...
    邱比貨代君閱讀 304評論 1 0
  • 感謝那些幸福的事情,讓我們知道親情,愛情的可貴,讓我們知道要學會珍惜 同事也要感謝生活中不開心的小事,讓我們知道很...
    傾斜5度閱讀 251評論 0 1