DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript函數作用域學習示例(js作用域)
javascript函數作用域學習示例(js作用域)
編輯:JavaScript基礎知識     

在一些類似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  
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved