首頁  >  文章  >  web前端  >  JavaScript修改作用域外變數的方法_javascript技巧

JavaScript修改作用域外變數的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 15:08:231733瀏覽

1.今天在看JavaScript學習指南的時候做的課後習題,也因此詳細的對函數的傳入參數進行比較深入的研究.

題目如下:

  函數如何才能修改其作用域之外的變數?寫一個函數,由1~5的數字組成的陣列作為參數,調用該函數後將把其中的數字項替換為對應的字串表示形式.

要注意知識點:

  在JavaScript中函數參數的傳遞,對於基於原始值的參數進行值傳遞(數字,字符串,布爾值),函數中的修改不會影響實際參數值.而傳遞給函數的參數而言,物件是一個引用,對其的修改的將會反映在主調程式中.

var outer_number = ;
var outer_boolean = true;
var outer_array = [,,];
var outer_object = {test:""};
function display(num,bool,arr,obj){
console.log("number:"+num+"\nboolean:"+bool+"\narray:"+arr+"\nobject:"+obj.test);
}
function test(num,bool,arr,obj){
display(num,bool,arr,obj);//num=,bool=true,array=[,,],object.test=
num = ;
bool = false;
arr[] = ;
obj.test = "";
display(num,bool,arr,obj);//num=,bool=false,array=[,,,],object.test=
arr = [,,];
obj = {test:""};
display(num,bool,arr,obj);//num=,bool=false,array=[,,],object.test=
}
test(outer_number,outer_boolean,outer_array,outer_object);
display(outer_number,outer_boolean,outer_array,outer_object);//num = ,bool=true,array=[,,,],object.test= 

在上面程式碼中我們建立了4個全域變數,型別分別為數字,布林值,陣列,物件.2個函數,display和test.

display執行了4次,分別結果如下:

"number:2
boolean:true
array:1,2,3
object:122"

"number:0
boolean:false
array:1,2,3,3
object:134"

"number:0
boolean:false
array:3,2,1
object:133"

"number:2
boolean:true
array:1,2,3,3
object:134"

可以看出我們對數組和對象的重新賦值並沒有成功,如果按引用傳遞,那麼我們應該也對全局變量的數組和對象重新賦值修改了呀.
其實JavaScript中所謂的按引用賦值並不是真正意義上的按引用複製,準確地說應該是按共享傳遞.也可以叫按對象傳遞,按對象共享傳遞(call by sharing).

在這個按共享傳遞的條件下,我們獲取的引用可以說只是實參引用的副本,它和我們經常說的按引用傳遞的最大差別就在於我們在對引用副本的賦值不會影響實參的值,正如我們上面那樣做的那樣,賦值操作是不可行的.

當然我們從物件類型和基本型別兩方面看,物件是可變的而基本型別是不可變的(注意!字串修改其實是傳回的新的字串),所以按共用傳遞對於基本型別是基本型別對於基本型別類型來說也是符合共享傳遞的.

總結一下:

  JavaScript中,基本類型和物件都按共享傳遞(call by sharing),但是由於JavaScript的基本類型的不變性,基本類型按共享傳遞與按值傳遞沒有任何區別,而對象按共享傳遞.

按共享傳遞(call by sharing):傳遞的是實參引用的副本,我們對引用副本的賦值不影響實參的值,但是可以使用引用副本去修改引用的內容.詳細的wiki地址

函數對傳入的參數:

1.基本型別,按值傳遞(或也可以說依共享傳遞),內部賦值修改都不影響主調程式

2.物件類型,依共享傳遞,傳入的為實參引用的副本,內部對該引用的賦值無效,對物件屬性的賦值修改有效.

大概就是這麼理解了,假如有什麼地方我犯了什麼錯誤,也希望能被指出來.

下面單獨拉出JavaScript作用域

  任何程式設計語言都有作用域的概念,簡單的說,作用域就是變數與函數的可存取範圍,即作用域控制變數與函數的可見度和生命週期。在JavaScript中,變數的作用域有全域作用域和局部作用域兩種。

   全域作用域(Global Scope)

  在程式碼中任何地方都能存取到的物件擁有全域作用域,一般來說以下幾種情形擁有全域作用域:

  (1)最外層函數和在最外層函數外定義的變數擁有全域作用域,例如:

var authorName="山边小溪";
function doSomething(){
var blogName="梦想天空";
function innerSay(){
alert(blogName);
}
innerSay();
}
alert(authorName); //山边小溪
alert(blogName); //脚本错误
doSomething(); //梦想天空
innerSay() //脚本错误

  (2)所有末定義直接賦值的變數自動宣告為擁有全域作用域,例如:

function doSomething(){
var authorName="山边小溪";
blogName="梦想天空";
alert(authorName);
}
doSomething(); //山边小溪
alert(blogName); //梦想天空
alert(authorName); //脚本错误 

  变量blogName拥有全局作用域,而authorName在函数外部无法访问到。

  (3)所有window对象的属性拥有全局作用域

  一般情况下,window对象的内置属性都拥有全局作用域,例如window.name、window.location、window.top等等。

  1. 局部作用域(Local Scope)  

  和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所有在一些地方也会看到有人把这种作用域称为函数作用域,例如下列代码中的blogName和函数innerSay都只拥有局部作用域。

function doSomething(){
var blogName="梦想天空";
function innerSay(){
alert(blogName);
}
innerSay();
}
alert(blogName); //脚本错误
innerSay(); //脚本错误 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn