js中區域性變數、全域性變數、閉包

阿新 • • 發佈：2019-01-14

一、區域性變數
什麼是區域性變數呢，我們先通過下面的程式碼瞭解一下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            function aa(){
                var a=88;
                //區域性變數，只在aa()函式體裡面起作用。
            }
            function 
 bb(){
                alert(a);
            }
            bb();
        </script>
    </head>
    <body>
    </body>
</html>

現在有兩個函式aa()，bb()；我現在呼叫函式bb()想讓他彈出a的值。結果什麼都沒有。
這不是程式的問題，而實際是作用域的問題。
現在a；只在函式aa()中有作用，那麼這個a就是區域性變數。
那麼如果函式bb()也要彈出a的值得話就得

function bb(){
                var 
 a=88;
                alert(a);
            }

這樣函式bb()也能彈出a的值88了，不過現在的a和上面函式裡面的是不一樣的。

二、全域性變數
那麼有區域性變數肯定是有全域性變數的。
所謂的全域性變數，就是說他的作用域更大，比如：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" 
>
            var a=1314;
            function aa(){
                alert(a);
            }
            function bb(){

                alert(a);
            }
            bb();
        </script>
    </head>
    <body>
    </body>
</html>

現在的話a的值在外面，下面的函式aa()，bb()呼叫的時候都能彈出a的值。這個就就做全域性變數。
但是這個很少用，儘量別用。就比如還是上面的函式但是多加個

var a=1314;
            function aa(){
                var a=520;
                alert(a);
            }

這個時候在呼叫函式aa()的時候彈出的就是他內部的520，而不是外部的1314了，所以說在實際應用中很容易重名，這樣就會有影響。當然瞭如果只用一個名字，的時候也是可以用了。

三、閉包

閉包可以理解為子函式使用父函式的全域性變數。
這個在實際應用中是經常用到的，我就舉個例子說明吧

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #box{width: 200px;height: 200px;background: red;}
        </style>
        <script type="text/javascript">
            window.onload=function(){
            //父函式
                var oBox=document.getElementById("box");
                oBox.onmouseover=function(){
                //子函式
                    oBox.style.background='blueviolet';
                    //oBox 是在外面函式中宣告的，但是在這個函式中可以使用
                }
                oBox.onmouseout=function(){
                    oBox.style.background='red';
                }
            }
        </script>
    </head>
    <body>
        <div id="box"></div>
    </body>
</html>

當函式裡面有函式，我們就能把外面的函式就是父函式，裡面的函式就是子函式。
當我想改變這個box的背景色，首先要在函式中找到這個box，只在父函式中宣告，但是在子函式中我們仍然可以呼叫。這就是閉包，（子函式使用父函式的全域性變數）；

js中區域性變數、全域性變數、閉包

JS中最經典的全域性變數和區域性變數問題(1、作用域和作用域鏈 2、變數宣告提前)

js中區域性變數、全域性變數、閉包

對js中區域性變數、全域性變數和閉包的理解

Java中成員變數、區域性變數、全域性變數、靜態變數存在位置及初始化

例項解析JS區域性變數與形參之間衝突、全域性變數的引用造成的慘案例項分析？

c語言中靜態全域性變數、靜態區域性變數、全域性變數、區域性變數、巨集

區域性變數、全域性變數、堆、堆疊、靜態和全域性

157_static作用再溫習（修飾函式、區域性變數、全域性變數）

js中給正則傳參、傳遞變數

1.成員變數&全域性變數&區域性變數&靜態變數、常量和方法

C++區域性變數、全域性變數的作用域及範圍&動態記憶體管理

Python新手坑 | lambda、全域性變數與區域性變數、作用域、柯里化

static的作用（修飾函式、區域性變數、全域性變數）

[Python學習] 專題六.區域性變數、全域性變數global、匯入模組變數

python基礎之四種函式型別、函式的巢狀呼叫、函式的區域性變數和全域性變數

簡述static關鍵字的作用？(備註:在什麼條件下使用static修飾區域性變數、全域性變數、函式)

python基礎：函式名稱空間、作用域、全域性變數和區域性變數

JavaScript區域性變數、全域性變數、閉包

Java之成員變數、全域性變數、區域性變數的區別

區域性變數、全域性變數、堆、棧

js中 區域性變數、全域性變數、閉包

相關推薦

js中區域性變數、全域性變數、閉包