萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> javascript函數作用域學習示例

javascript函數作用域學習示例

 javascript中沒有塊級作用域,取而代之的javascript使用的是函數作用域,下面使用示例學習一下js作用域的使用方法

在一些類似c語言的編程語言中,花括號內的每一段代碼都具有各自的作用域,而且變量在聲明他們的代碼段之外是不可見的,我們稱為塊級作用域(block scope),而javascript中沒有塊級作用域。取而代之的javascript使用的是函數作用域(function scope):變量在聲明它的函數體以及這個函數體嵌套的任意函數體內都是有定義的。 在如下代碼中,在不同位置定義的i,j和k,他們再同一個作用域內都是有定義的   代碼如下: function text(o)    {        var i=0;        alert(typeof o);        if(typeof o == "string")        {            var j=0;            for(var k=0;k<10;k++)            {                alert(k);//輸出0-9            }            alert(k);//輸出10        }        alert(j);//輸出0    }     javascript的函數作用域指在函數內部聲明的所有的變量在函數體內始終是可見的。有意思的是,這意味著變量在聲明之前甚至已經可用。javascript的這個特性被非正式的稱為聲明提前(hoisting),即javascript的函數體內聲明的所有的變量(不涉及賦值)都被“提前”至函數體的頂部。看以下代碼     代碼如下: var global="globas";    function globals()    {        alert(global);//undefined        var global="hello QDao";        alert(global);//hello QDao    }     由於函數作用域的特性,局部變量在整個函數體始終是有定義的,也就是說在函數體內部變量遮蓋了同名的全局變量。盡管如此在程序執行到var語句的時候,局部變量才會被真正的賦值,因此,上述過程等價於:將函數內的變量聲明“提前”至函數體頂部,同事變量初始化留在原來的位置:     代碼如下: var global="globas";    function globals()    {             var global;        alert(global);//undefined        global="hello QDao";        alert(global);//hello QDao    }  
copyright © 萬盛學電腦網 all rights reserved