1. 程式人生 > >JavaScript的學習之區域性變數和區域性函式

JavaScript的學習之區域性變數和區域性函式

JavaScript-區域性變數和區域性函式

一、區域性變數和全域性變數

首先,我們先來了解一下區域性變數和全域性變數的定義

區域性變數:在函式內,使用var定義的變數
全域性變數:在函式外定義的變數和在函式內不使用var定義的變數

需要注意的是:

如果區域性變數和全域性變數的變數名相同,則區域性變數會覆蓋全域性變數
區域性變數只能在函式內訪問,而全域性變數可以在所有的函式裡訪問

二、區域性函式

由此,我們可以引申出類似的概念-區域性函式,區域性變數在函式內定義,同樣的,區域性函式也在函式裡定義。如下程式碼:
在這裡插入圖片描述
執行後:
在這裡插入圖片描述
從程式碼中我們可以看出,我們在全域性函式outer中定義了兩個區域性函式inner1

inner2,並呼叫了這兩個區域性函式。由於我們是在outer函式內定義的,因此我們只能在outer函式內部訪問它們,而在outer函式外部無法訪問。

那麼,我們應當如何讓區域性函式獲得執行的機會即顯示在頁面上?

在outer函式外增加對區域性函式的呼叫。如下程式碼:
在這裡插入圖片描述
執行後:
在這裡插入圖片描述

  • 總結:
    1.區域性函式僅在外部函式內有效
    2.在外部函式內呼叫區域性函式並不能讓其獲得執行的機會,只有當外部函式被呼叫後,外部函式裡呼叫的區域性函式才會被執行

day 2018.11.07
整理自《瘋狂HTML+CSS+JavaScript講義第二版》
郵箱:[email protected]