理解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中的关于类型转换的性能优化
Dec 14 Javascript
基于jquery的button默认enter事件(回车事件)。
May 18 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
js验证上传图片的方法
May 12 Javascript
原生js实现class的添加和删除简单代码
Jul 12 Javascript
省市区三级联动jquery实现代码
Apr 15 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
Vue 图片压缩并上传至服务器功能
Jan 15 Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 Javascript
JavaScript常用工具函数库汇总
Sep 17 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
SONY SRF-40W电路分析
2021/03/02 无线电
PHP服务器页面间跳转实现方法
2012/08/02 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
js操作iframe兼容各种主流浏览器示例代码
2013/07/22 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
2015/09/06 Javascript
Bootstrap学习笔记之js组件(4)
2016/06/12 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
2017/04/17 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
bootstrap table实现合并单元格效果
2018/12/24 Javascript
微信小程序设置滚动条过程详解
2019/07/25 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
python网络编程学习笔记(四):域名系统
2014/06/09 Python
Python文件去除注释的方法
2015/05/25 Python
python连接数据库的方法
2017/10/19 Python
python使用sqlite3时游标使用方法
2018/03/13 Python
python机器学习之随机森林(七)
2018/03/26 Python
详解python之协程gevent模块
2018/06/14 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
python交互界面的退出方法
2019/02/16 Python
使用python画社交网络图实例代码
2019/07/10 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
CSS3点击按钮实现背景渐变动画效果
2016/10/19 HTML / CSS
字符串str除首尾字符外的其他字符按升序排列
2013/03/08 面试题
查询优化的一般准则有哪些
2015/03/08 面试题
校园门卫岗位职责
2013/12/09 职场文书
物流业务员岗位职责
2014/02/08 职场文书
技校学生个人职业生涯规划范文
2014/03/03 职场文书