理解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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
可以支持多中格式的JS键盘
May 02 Javascript
jQuery 标题的自动翻转实现代码
Oct 14 Javascript
js变量、作用域及内存详解
Sep 23 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
Three.js学习之网格
Aug 10 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
Dec 19 Javascript
js最全的数组的降维5种办法(小结)
Apr 28 Javascript
Vue的Options用法说明
Aug 14 Javascript
Js类的构建与继承案例详解
Sep 15 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 抓取新浪读书频道的小说并生成txt电子书的代码
2009/12/18 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
学习PHP session的传递方式
2016/06/15 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
一个判断email合法性的函数[非正则]
2008/12/09 Javascript
De facto standard 世界上不可思议的事实标准
2010/08/29 Javascript
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
input框中的name和id的区别
2016/11/16 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
vue操作dom元素的3种方法示例
2020/09/20 Javascript
Python实现子类调用父类的方法
2014/11/10 Python
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
利用nohup来开启python文件的方法
2019/01/14 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
在flask中使用python-dotenv+flask-cli自定义命令(推荐)
2020/01/05 Python
PyQt5 如何让界面和逻辑分离的方法
2020/03/24 Python
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
2013/01/06 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
中国双语服务优势的在线购票及活动平台:247tickets
2018/10/26 全球购物
酒店销售经理岗位职责
2014/01/31 职场文书
一年级数学教学反思
2014/02/01 职场文书
聚美优品的广告词
2014/03/14 职场文书
4s店活动策划方案
2014/08/25 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
群众路线教育实践活动思想汇报(2014特荐篇)
2014/09/16 职场文书
2014年房地产销售工作总结
2014/12/01 职场文书
植物园观后感
2015/06/11 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
python 镜像环境搭建总结
2022/09/23 Python