JavaScript修改作用域外变量的方法


Posted in Javascript onMarch 25, 2016

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(); //脚本错误

Javascript 相关文章推荐
javascript 屏蔽鼠标键盘的几段代码
Jan 02 Javascript
JQuery 入门实例1
Jun 25 Javascript
ASP.NET中AJAX 调用实例代码
May 03 Javascript
js动态在form上插入enctype=multipart/form-data的问题
May 24 Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 Javascript
js实现宇宙星空背景效果的方法
Mar 03 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
Aug 23 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
Mar 02 Javascript
js实现网页版贪吃蛇游戏
Feb 22 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
Mar 25 #Javascript
JavaScript入门系列之知识点总结
Mar 24 #Javascript
JS实现支持Ajax验证的表单插件
Mar 24 #Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 #Javascript
jquery zTree异步加载、模糊搜索简单实例分享
Mar 24 #Javascript
js+css实现select的美化效果
Mar 24 #Javascript
基于jQuery Ajax实现上传文件
Mar 24 #Javascript
You might like
php5.3 废弃函数小结
2010/05/16 PHP
基于Zend的Config机制的应用分析
2013/05/02 PHP
解析PHP高效率写法(详解原因)
2013/06/20 PHP
早该知道的7个JavaScript技巧
2013/03/27 Javascript
javascript使用location.search的示例
2013/11/05 Javascript
javascript 上下banner替换具体实现
2013/11/14 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
jquery mobile移动端幻灯片滑动切换效果
2020/04/15 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
解决layui的input独占一行的问题
2019/09/10 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
Python httplib,smtplib使用方法
2008/09/06 Python
Python实现的监测服务器硬盘使用率脚本分享
2014/11/07 Python
Python中实现结构相似的函数调用方法
2015/03/10 Python
python实现telnet客户端的方法
2015/04/15 Python
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
Python给你的头像加上圣诞帽
2018/01/04 Python
Centos7 Python3下安装scrapy的详细步骤
2018/03/15 Python
分析python请求数据
2018/08/19 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
python使用建议技巧分享(三)
2020/08/18 Python
学习心得体会
2014/01/01 职场文书
会计自我鉴定
2014/02/04 职场文书
《邮票齿孔的故事》教学反思
2014/02/22 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
小学生评语大全
2014/04/18 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
组织生活会表态发言材料
2014/10/17 职场文书
校本研修个人总结
2015/02/28 职场文书
2015年高校就业工作总结
2015/05/04 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
仅用几行Python代码就能复制她的U盘文件?
2021/06/26 Python
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python