理解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 相关文章推荐
ASP.NET中基于JQUERY的高性能的TreeView补充
Feb 23 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
JavaScript识别网页关键字并进行描红的方法
Nov 09 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
解决Window10系统下Node安装报错的问题分析
Dec 13 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
详解vue 组件之间使用eventbus传值
Oct 25 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
Vue隐藏显示、只读实例代码
Jul 18 Javascript
一文了解vue-router之hash模式和history模式
May 31 Javascript
详解vue父子组件关于模态框状态的绑定方案
Jun 05 Javascript
vue 限制input只能输入正数的操作
Aug 05 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目录导航文件代码
2006/10/09 PHP
用Simple Excel导出xls实现方法
2012/12/06 PHP
php商品对比功能代码分享
2015/09/24 PHP
JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
2019/04/16 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
javascript 日期时间函数(经典+完善+实用)
2009/05/27 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
2014/06/02 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
2014/08/22 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
2015/06/25 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
Angular 封装并发布组件的方法示例
2018/04/19 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
微信提示 在浏览器打开 效果实现过程解析
2019/09/10 Javascript
vuex页面刷新导致数据丢失的解决方案
2020/12/10 Vue.js
Python 字符串大小写转换的简单实例
2017/01/21 Python
详解python基础之while循环及if判断
2017/08/24 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
pyqt5实现俄罗斯方块游戏
2019/01/11 Python
Django 开发调试工具 Django-debug-toolbar使用详解
2019/07/23 Python
python保留格式汇总各部门excel内容的实现思路
2020/06/01 Python
python实现企业微信定时发送文本消息的示例代码
2020/11/24 Python
使用Python+Appuim 清理微信的方法
2021/01/26 Python
解释下列WebService名词:WSDL、SOAP、UDDI
2012/06/22 面试题
工程预算与管理应届生求职信
2013/10/06 职场文书
甜品店的创业计划书范文
2014/01/02 职场文书
老公保证书范文
2014/04/29 职场文书
庆六一宣传标语
2014/10/08 职场文书
对学校的意见和建议
2015/06/04 职场文书