理解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 相关文章推荐
css把超出的部分显示为省略号的方法兼容火狐
Jul 23 Javascript
jQuery制作简单柱状图实例
Jan 28 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
推荐10 款 SVG 动画的 JavaScript 库
Mar 24 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
Mar 30 Javascript
Bootstrap实现默认导航栏效果
Sep 21 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 Javascript
Vue的Flux框架之Vuex状态管理器
Jul 30 Javascript
vue 里面使用axios 和封装的示例代码
Sep 01 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 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中使用cURL实现Get和Post请求的方法
2013/03/13 PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
2017/04/26 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
2011/09/05 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
浅析jQuery Mobile的初始化事件
2015/12/03 Javascript
原生js配合cookie制作保存路径的拖拽
2015/12/29 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
node 利用进程通信实现Cluster共享内存
2017/10/27 Javascript
详解Nuxt.js Vue服务端渲染摸索
2018/02/08 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
2018/04/17 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
jquery实现垂直无限轮播的方法分析
2019/07/16 jQuery
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
python安装以及IDE的配置教程
2015/04/29 Python
Python实现按中文排序的方法示例
2018/04/25 Python
Python3数字求和的实例
2019/02/19 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱
2019/11/19 Python
Python利用Scrapy框架爬取豆瓣电影示例
2020/01/17 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
Python GUI库Tkiner使用方法代码示例
2020/11/27 Python
全球最大的户外用品零售商之一:The House
2018/06/12 全球购物
前厅部经理岗位职责范文
2014/02/04 职场文书
学生手册家长评语
2014/02/10 职场文书
师德师风个人反思
2014/04/28 职场文书
文体活动总结范文
2014/05/05 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
导游词之泉州崇武古城
2019/12/20 职场文书
Vue2.0搭建脚手架
2022/03/13 Vue.js