理解Javascript_14_函数形式参数与arguments


Posted in Javascript onOctober 20, 2010

注:在阅读本博文前请先阅读《理解javascript_13_执行模型详解》
注:本文的部分内容是自已的一些推论,并无官文文档作依据,如有错误之后,还望指正。
生涩的代码
我们先来看一段比较生涩的代码:

function say(msg,other,garbage){ 
alert(arguments[1]);//world 
var other = 'nice to meet you!'; 
var msg; 
alert(arguments.length); 
alert(msg);//hello 
alert(other);//nice to meet you! 
alert(arguments[1]);//nice to meet you! 
alert(garbage);//undefined 
} 
say('hello','world');

你能正确的解释代码的执行结果吗?思考一下.

我想代码运行的结果,应该会和你的想象有很大的出入吧!为什么msg正常输出为hello,而不是undefined呢?函数定义的参数和函数内部定义的变量重复了会发生什么呢?arguments和函数定义时的参数有什么关系呢?让我们来一一解答:
简单的内存图
理解Javascript_14_函数形式参数与arguments
注:虚线表示的是曾经引用的指向。

解答

首先,我们来了解两个概念,形式参数和实际参数。形式参数指的是定义方法时所明确指定的参数,由于Javascript语言的灵活性,javascript并不要求方法调用时,所传递的参数个数与形式参数一致.而javascript实际调用时所传递的参数就是实际参数。arguments指的就是实际参数。从say方法中可以看出,say定义了三个形式参数,而实际调用时只传递了两个值。因此arguments.length的值为2,而不是3.接着我们来看一下arguments的特殊行为,个人感觉arguments会将所有的实际参数都当作对象来看待,对于基本数据类型的实际参数则会转换为其对应的对象类型。这是根据在函数内定义与形式参数同名的变量并赋值,arguments对应的值会跟着改变来判断的。
接着我们来分析一下构建say方法执行上下文的过程,由于逻辑比较复杂,这里我写一些'伪代码'来进行说明:

function say(msg,other,garbage){ 
//先对函数声明的变量进行'预解析',内部执行流程,它是是不可见的 
var msg = undefined; 
var other = undefined; 
var garbage = undefined; 
//再对函数内部定义的变量进行'预解析' 
var other = undefined;//很明显,此时这个定义已经无意义了。 
var msg = undefined;//无意义 
//对实际参数进行赋值操作 
msg = new String('hello');//arguments的会将所有实际参数当作对象看待 
other = new String('world'); 
//正式进入函数代码部分 
alert(arguments[1]);//world 
other = 'nice to meet you!'; 
//var msg;这个已经被预解析了,因此不会再执行 
alert(arguments.length);//2 
alert(msg);//hello 
alert(other);//nice to meet you! 
alert(arguments[1]);//nice to meet you! 
alert(garbage);//undefined 
}

这段代码已经可以解释一面的所有的问题了。我就不多说了。
唯一强调的一点是在内部用var定义与形式参数同名的变量是无意义的,因为在程序'预解析'后,会将它们看作为同一个变量。

其它
关于arguments还有很多特性,我在《伪数组》一文中提到也提到了arguments,有兴趣的读者可以去看一下。arguments的实际应用你还可以参考一下这一篇文章 :
http://www.gracecode.com/archives/2551/

好了,也就这么多了。希望大家能多多指正,多提意见吧。

Javascript 相关文章推荐
html中table数据排序的js代码
Aug 09 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
Android中资源文件(非代码部分)的使用概览
Dec 18 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
Jan 27 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 Javascript
JS实现很实用的对联广告代码(可自适应高度)
Sep 18 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
js实现3D旋转相册
Aug 02 Javascript
vuex的使用步骤
Jan 06 Vue.js
理解Javascript_13_执行模型详解
Oct 20 #Javascript
用jquery与css打造个性化的单选框和复选框
Oct 20 #Javascript
Jquery插件之多图片异步上传
Oct 20 #Javascript
jquery判断checkbox(复选框)是否被选中的代码
Oct 20 #Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
Oct 20 #Javascript
JQuery 拾色器插件发布-jquery.icolor.js
Oct 20 #Javascript
Javascript技巧之不要用for in语句对数组进行遍历
Oct 20 #Javascript
You might like
基于mysql的bbs设计(五)
2006/10/09 PHP
php下批量挂马和批量清马代码
2011/02/27 PHP
php遍历解析xml字符串的方法
2016/05/05 PHP
php使用PDO获取结果集的方法
2017/02/16 PHP
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
js中更短的 Array 类型转换
2011/10/30 Javascript
浅谈jQuery事件绑定原理
2015/01/02 Javascript
nodejs中使用多线程编程的方法实例
2015/03/24 NodeJs
JavaScript每天必学之数组和对象部分
2016/09/17 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
2016/10/15 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
vue以组件或者插件的形式实现throttle或者debounce
2019/05/22 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
python实现的简单抽奖系统实例
2015/05/22 Python
Python pyinotify日志监控系统处理日志的方法
2018/03/08 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
利用pyinstaller打包exe文件的基本教程
2019/05/02 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
python manage.py runserver流程解析
2019/11/08 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
python 实现aes256加密
2020/11/27 Python
CSS3 box-sizing属性
2009/04/17 HTML / CSS
boostrap modal 闪现问题的解决方法
2020/09/01 HTML / CSS
请用Python写一个获取用户输入数字,并根据数字大小输出不同信息的脚本
2014/05/20 面试题
搞笑获奖感言
2014/01/30 职场文书
会计毕业自我鉴定
2014/02/05 职场文书
幼儿园优秀教师事迹
2014/02/13 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
妇女干部培训方案
2014/05/12 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
大学生见习报告总结
2014/11/04 职场文书
python 闭包函数详细介绍
2022/04/19 Python
HttpClient实现表单提交上传文件
2022/08/14 Java/Android