DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript基礎篇之變量作用域、傳值、傳址的簡單介紹與實例
JavaScript基礎篇之變量作用域、傳值、傳址的簡單介紹與實例
編輯:JavaScript綜合知識     

javascript:變量的聲明
以下是幾種聲明變量的方式

復制代碼 代碼如下:
var value;
var value,value1,value2;//同時聲明多個變量,但是這些變量的值都是undefined
var i = 0,j = 0,k=100;//變量聲明,初始化一體。
//如果大家嘗試讀一個不存在的變量(值)會報錯!但是嘗試給一個未使用Var聲明的變量賦值,javascript
//會隱式的聲明改變量,而且聲明了的變量還是全局的。細節:所以大家創建變量都盡量使用Var
//變量的作用域(這個問題也容易出,大家要搞明白)


javascript:變量的作用域
這些都是細節,和我一樣初學的一定要注意避免!

復制代碼 代碼如下:
var golbal = "golbal"; //全局變量
var local ="local";
function area()
{
//局部變量的優先級比全局變量的高
var local = "arealocal"
//當函數體內聲明的變量名和全局變量名相同時,javascript 會隱藏全局變量
var golbal ="areagolbal";

document.write("local is :"+local + "and golbal is :" + golbal +"<br />");
}

area();
//輸出:local is :arealocaland golbal is :areagolbal


在嵌套的函數裡面定義局部變量,效果會怎麼樣呢?看下面:

復制代碼 代碼如下:
var hope = "moremoney";
function createmore()
{
var hope = "have more money";//局部
function createmoreto()//嵌套函數
{
var hope = "have more money to much";//局部
document.write("Createmoreto hope is :"+hope +"<br />");
//輸出:Createmoreto hope is :have more money to much
}
createmoreto();//調用
document.write("Createmore hope is :" +hope +"<br />");
//輸出:Createmore hope is :have more money
}
createmore(); //調用


javascript:傳值和傳址
這裡也是比較重要的概念!不要漏了。

 

  傳值 傳址 復制 實際復制的值,存在不同的、獨立的拷貝。 復制的只是對數字的引用。如果通過這個新的引用修改了數值,這個改變對最初的引用來說也是可見的。 傳遞 傳遞給函數的是值的獨立拷貝對它的改變在函數外沒有影響 傳遞給函數的是對數值的引用,如果函數通過傳遞給它的引用修改了數值,這個改變也是可見的。 比較 比較這兩個對立的值,通常逐字節的比較,以判斷是否相等 比較的是兩個引用,以判斷它們引用的是否是同一個數值。

javascript:基本類型和引用類型

javascript的基本規則是:基本類型通過傳值來操作,引用類型通過傳址來操作。(什麼事值類型,或者什麼事引用看我上一篇)
按值傳遞

復制代碼 代碼如下:
var value = 1;
var copyvalue = value; //將value賦給另一個變量
function addTotal(total,arg)
{
total+= arg; //total = total + arg 效果等同
}
//調用函數,傳兩個參數(大家可能會認為這個函數改變了全局變量的值,其實沒有,函數用的也是對立拷貝)
addTotal(value,copyvalue);
if(value == 1) copyvalue = 2;
document.write("total t" + value + "and copyvalue tt" + copyvalue+"<br />");
//最後輸出:total 1and copyvalue 2


按址傳遞

復制代碼 代碼如下:
var array = new Array("Javascccp");
var objarray = array;
function modifyArray(arr)
{
arr[0] = "JAVASCRIPT";
}
//沒調用函數前
document.write(array[0] +"<br />");
//輸出Javascccp;
//調用函數後
modifyArray(array);
document.write(array[0]+"<br />");
//輸出大寫JAVASCRIPT
//通過修改objarray會是一樣的效果
objarray[0] = "Frank";
document.write(array[0]+"<br />");
//輸出Frank;


小結:上面內容希望大家都不要錯過,對學習後面的知識還是很有幫助的!

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