理解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 相关文章推荐
Js 随机数产生6位数字
May 13 Javascript
基于jquery实现漂亮的动态信息提示效果
Aug 02 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
Feb 14 Javascript
JavaScript实现重力下落与弹性效果的方法分析
Dec 20 Javascript
深入理解JavaScript 中的执行上下文和执行栈
Oct 23 Javascript
JavaScript模板引擎实现原理实例详解
Dec 14 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
基于JQuery实现页面定时弹出广告
May 08 jQuery
理解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设计模式 FlyWeight (享元模式)
2011/06/26 PHP
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
php替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
JQuery从头学起第二讲
2010/07/04 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
JavaScript中的比较操作符>、=、
2014/12/31 Javascript
JavaScript SHA512&SHA256加密算法详解
2015/08/11 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
大白话讲解JavaScript的Promise
2017/04/06 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
python之yield表达式学习
2014/09/02 Python
python计算圆周率pi的方法
2015/07/11 Python
Python常用知识点汇总
2016/05/08 Python
一文总结学习Python的14张思维导图
2017/10/17 Python
Python3使用pandas模块读写excel操作示例
2018/07/03 Python
Python Scapy随心所欲研究TCP协议栈
2018/11/20 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
django-初始配置(纯手写)详解
2019/07/30 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
Django DRF路由与扩展功能的实现
2020/06/03 Python
澳大利亚免息网上购物:Shop Zero
2016/09/17 全球购物
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
应届生煤化工求职信
2013/10/21 职场文书
应届毕业生简历自我评价
2014/01/31 职场文书
给老师的一封建议书
2014/03/13 职场文书
小学新学期寄语
2014/04/02 职场文书
中学生社区服务活动报告
2015/02/05 职场文书
教师考核表个人总结
2015/02/12 职场文书
2019关于实习生工作安排及待遇的管理方案!
2019/07/16 职场文书
python双向链表实例详解
2022/05/25 Python