JavaScript修改作用域外變量的方法
1.今天在看JavaScript學(xué)習(xí)指南的時(shí)候做的課后習(xí)題,也因此詳細(xì)的對(duì)函數(shù)的傳入?yún)?shù)進(jìn)行比較深入的研究.
題目如下:
函數(shù)如何才能修改其作用域之外的變量?編寫一個(gè)函數(shù),由1~5的數(shù)字組成的數(shù)組作為參數(shù),調(diào)用該函數(shù)后將把其中的數(shù)字項(xiàng)替換為相應(yīng)的字符串表示形式.
需要注意知識(shí)點(diǎn):
在JavaScript中函數(shù)參數(shù)的傳遞,對(duì)于基于原始值的參數(shù)進(jìn)行值傳遞(數(shù)字,字符串,布爾值),函數(shù)中的修改不會(huì)影響實(shí)際參數(shù)值.而傳遞給函數(shù)的參數(shù)而言,對(duì)象是一個(gè)引用,對(duì)其的修改的將會(huì)反映在主調(diào)程序中.<-但是,會(huì)有這樣的情況,如下
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=
在上面代碼中我們創(chuàng)建了4個(gè)全局變量,類型分別為數(shù)字,布爾值,數(shù)組,對(duì)象.2個(gè)函數(shù),display和test.
display執(zhí)行了4次,分別結(jié)果如下:
"number:2
boolean:true
array:1,2,3
object:122"<-傳入函數(shù)時(shí)的值
"number:0
boolean:false
array:1,2,3,3
object:134"<-執(zhí)行更改
"number:0
boolean:false
array:3,2,1
object:133"<-重新賦值
"number:2
boolean:true
array:1,2,3,3
object:134"<-函數(shù)執(zhí)行完畢后
可以看出我們對(duì)數(shù)組和對(duì)象的重新賦值并沒有成功,如果按引用傳遞,那么我們應(yīng)該也對(duì)全局變量的數(shù)組和對(duì)象重新賦值修改了呀.
其實(shí)JavaScript中所謂的按引用賦值并不是真正意義上的按引用復(fù)制,準(zhǔn)確說應(yīng)該是按共享傳遞.也可以叫按對(duì)象傳遞,按對(duì)象共享傳遞(call by sharing).
在這個(gè)按共享傳遞的條件下,我們獲取的引用可以說只是實(shí)參引用的副本,它和我們經(jīng)常說的按引用傳遞的最大差別就在于我們?cè)趯?duì)引用副本的賦值不會(huì)影響實(shí)參的值,正如我們上面那樣做的那樣,賦值操作是不可行的.
當(dāng)然我們從對(duì)象類型和基本類型兩方面看,對(duì)象是可變的而基本類型是不可變的(注意!字符串修改其實(shí)是返回的新的字符串),所以按共享傳遞對(duì)于基本類型來說也是符合按共享傳遞的.
總結(jié)一下:
JavaScript中,基本類型和對(duì)象都按共享傳遞(call by sharing),但是由于JavaScript的基本類型的不變性,基本類型按共享傳遞與按值傳遞沒有任何區(qū)別,而對(duì)象按共享傳遞.
按共享傳遞(call by sharing):傳遞的是實(shí)參引用的副本,我們對(duì)引用副本的賦值不影響實(shí)參的值,但是可以使用引用副本去修改引用的內(nèi)容.詳細(xì)的wiki地址
函數(shù)對(duì)傳入的參數(shù):
1.基本類型,按值傳遞(或者也可以說按共享傳遞),內(nèi)部賦值修改都不影響主調(diào)程序
2.對(duì)象類型,按共享傳遞,傳入的為實(shí)參引用的副本,內(nèi)部對(duì)該引用的賦值無效,對(duì)對(duì)象屬性的賦值修改有效.
大概就是這么理解了,假如有什么地方我犯了什么錯(cuò)誤,也希望能被指出來.
下面單獨(dú)拉出JavaScript作用域
任何程序設(shè)計(jì)語言都有作用域的概念,簡(jiǎn)單的說,作用域就是變量與函數(shù)的可訪問范圍,即作用域控制著變量與函數(shù)的可見性和生命周期。在JavaScript中,變量的作用域有全局作用域和局部作用域兩種。
全局作用域(Global Scope)
在代碼中任何地方都能訪問到的對(duì)象擁有全局作用域,一般來說以下幾種情形擁有全局作用域:
?。?)最外層函數(shù)和在最外層函數(shù)外面定義的變量擁有全局作用域,例如:
var authorName="山邊小溪";
function doSomething(){
var blogName="夢(mèng)想天空";
function innerSay(){
alert(blogName);
}
innerSay();
}
alert(authorName); //山邊小溪
alert(blogName); //腳本錯(cuò)誤
doSomething(); //夢(mèng)想天空
innerSay() //腳本錯(cuò)誤
?。?)所有末定義直接賦值的變量自動(dòng)聲明為擁有全局作用域,例如:
function doSomething(){
var authorName="山邊小溪";
blogName="夢(mèng)想天空";
alert(authorName);
}
doSomething(); //山邊小溪
alert(blogName); //夢(mèng)想天空
alert(authorName); //腳本錯(cuò)誤
變量blogName擁有全局作用域,而authorName在函數(shù)外部無法訪問到。
?。?)所有window對(duì)象的屬性擁有全局作用域
一般情況下,window對(duì)象的內(nèi)置屬性都擁有全局作用域,例如window.name、window.location、window.top等等。
1. 局部作用域(Local Scope)
和全局作用域相反,局部作用域一般只在固定的代碼片段內(nèi)可訪問到,最常見的例如函數(shù)內(nèi)部,所有在一些地方也會(huì)看到有人把這種作用域稱為函數(shù)作用域,例如下列代碼中的blogName和函數(shù)innerSay都只擁有局部作用域。
function doSomething(){
var blogName="夢(mèng)想天空";
function innerSay(){
alert(blogName);
}
innerSay();
}
alert(blogName); //腳本錯(cuò)誤
innerSay(); //腳本錯(cuò)誤
相關(guān)文章
javascript驗(yàn)證手機(jī)號(hào)和實(shí)現(xiàn)星號(hào)(*)代替實(shí)例
在我們?nèi)粘i_發(fā)中經(jīng)常要驗(yàn)證客戶輸入的手機(jī)號(hào)是否正確,有的時(shí)候還需要將中間的四位或者前幾位用星號(hào)(*)代替,那該如何實(shí)現(xiàn)呢?下面跟著小編一起來看看。2016-08-08
小程序測(cè)試后臺(tái)服務(wù)的方法(ngrok)
這篇文章主要介紹了小程序測(cè)試后臺(tái)服務(wù)的方法(ngrok),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
基于JavaScript實(shí)現(xiàn)年份數(shù)字拼圖效果
時(shí)光荏苒,2022年又要收尾了,公司的年會(huì)是不是都安排上了?前幾天看到一個(gè)年會(huì)抽獎(jiǎng)系統(tǒng),功能十分的強(qiáng)大,其中有一個(gè)年份數(shù)字的拼圖效果深深的吸引了哥,決定用JS實(shí)現(xiàn)一下該效果,需要的可以參考一下2022-12-12
兼容ie ff div 層 打開+關(guān)閉+ 拖動(dòng)+遮罩+移動(dòng)+動(dòng)畫改變高寬
div層 打開+關(guān)閉+ 拖動(dòng)+遮罩+移動(dòng)+動(dòng)畫改變高寬的實(shí)例js代碼2008-07-07
JS滾輪控制圖片縮放大小和拖動(dòng)的實(shí)例代碼
本文通過實(shí)例代碼給大家介紹了js 滾輪控制圖片縮放大小和拖動(dòng),代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-11-11
JavaScript實(shí)現(xiàn)網(wǎng)頁版的五子棋游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁版的五子棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05
JavaScript簡(jiǎn)單實(shí)現(xiàn)關(guān)鍵字文本搜索高亮顯示功能示例
這篇文章主要介紹了JavaScript簡(jiǎn)單實(shí)現(xiàn)關(guān)鍵字文本搜索高亮顯示功能,涉及javascript基于事件響應(yīng)的頁面元素遍歷、分割、替換等相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
JavaScript實(shí)現(xiàn)左右下拉框動(dòng)態(tài)增刪示例
本篇文章主要介紹了JavaScript實(shí)現(xiàn)左右下拉框動(dòng)態(tài)增刪示例,可以對(duì)下拉框進(jìn)行刪除和增加,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。2017-03-03
一文詳解如何使npm-scripts更好維護(hù)的配置方法
這篇文章主要為大家介紹了如何使npm-scripts更好維護(hù)的配置方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06

