理解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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
form中限制文本字节数js代码
Jun 10 Javascript
javascript StringBuilder类实现
Dec 22 Javascript
javascript 正则表达式相关应介绍
Nov 27 Javascript
javascript延时加载之defer测试
Dec 28 Javascript
jquery实现更改表格行顺序示例
Apr 30 Javascript
js实现卡片式项目管理界面UI设计效果
Dec 08 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
Mar 08 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
js+canvas绘制图形验证码
Sep 21 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 Javascript
理解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
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
shell脚本作为保证PHP脚本不挂掉的守护进程实例分享
2013/07/15 PHP
PHP类的封装与继承详解
2015/09/29 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
利用函数的惰性载入提高javascript代码执行效率
2014/05/05 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
Node.js的Web模板引擎ejs的入门使用教程
2016/06/06 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
Vue.js开发环境搭建
2016/11/10 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
2016/12/09 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
React 实现拖拽功能的示例代码
2019/01/06 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
2019/06/27 Javascript
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
Python简单进程锁代码实例
2015/04/27 Python
Python selenium 父子、兄弟、相邻节点定位方式详解
2016/09/15 Python
python中使用正则表达式的后向搜索肯定模式(推荐)
2017/11/11 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
pandas分批读取大数据集教程
2020/06/06 Python
css 元素选择器的简单实例
2016/05/23 HTML / CSS
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
化工专业应届生求职信
2013/11/08 职场文书
财务人员个人求职信范文
2013/12/04 职场文书
《藏戏》教学反思
2014/02/11 职场文书
运动会口号16字
2014/06/07 职场文书
鼓舞士气的口号
2014/06/16 职场文书
信仰纪录片观后感
2015/06/08 职场文书