理解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 相关文章推荐
Javascript 文件夹选择框的两种解决方案
Jul 01 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
Jul 09 Javascript
js中split和replace的用法实例
Feb 28 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
Bootstrap 组件之按钮(二)
May 11 Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 Javascript
AngularJS入门教程中SQL实例详解
Jul 27 Javascript
详解javascript中的babel到底是什么
Jun 21 Javascript
React Hooks的深入理解与使用
Nov 12 Javascript
学习 Vue.js 遇到的那些坑
Feb 02 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
深入探讨<br />和 \r\n两者有什么区别??
2013/06/05 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
PHP获取用户客户端真实IP的解决方案
2016/10/10 PHP
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
2010/08/01 Javascript
JQuery.closest(),parent(),parents()寻找父结点
2012/02/17 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
JQuery核心函数是什么及使用方法介绍
2016/05/03 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
提高JavaScript执行效率的23个实用技巧
2017/03/01 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
React 实现拖拽功能的示例代码
2019/01/06 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
js实现九宫格布局效果
2020/05/28 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
python实现数独算法实例
2015/06/09 Python
Python使用装饰器模拟用户登陆验证功能示例
2018/08/24 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
python 读取数据库并绘图的实例
2019/12/03 Python
django框架ModelForm组件用法详解
2019/12/11 Python
pytorch-RNN进行回归曲线预测方式
2020/01/14 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
周仰杰(JIMMY CHOO)英国官方网站:闻名世界的鞋子品牌
2018/10/28 全球购物
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
Java文件和目录(IO)操作
2014/08/26 面试题
大学自我鉴定范文
2013/12/26 职场文书
中秋手机店促销方案
2014/06/16 职场文书
大学专科求职信
2014/07/02 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
2015年十一国庆节演讲稿
2015/03/20 职场文书
Canvas跟随鼠标炫彩小球的实现
2021/04/11 Javascript