前言:这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方,请大家指正,我会持续更新!

  调用函数时,实参和形参需要一一对应,但如果参数多了的话,会很苦恼;

  我们可以用键值对(字面量对象)的方式传参,这样参数的顺序就无关紧要了;

        <script type="text/javascript">
function test4(name,age,height,pos){
return name+age+height+pos;
}
console.log(test4('Shane',25,172,'wuhan'));//Shane25172wuhan var person = {
name : 'Shane',
age : 25,
height : 172,
pos : 'wuhan'
}
function test5(obj){
return obj.name+obj.age+obj.height+obj.pos;
}
console.log(test5(person));//Shane25172wuhan
console.log(test5({//匿名对象可也以
name : 'Shane',
age : 25,
height : 172,
pos : 'wuhan'
}));//Shane25172wuhan
</script>

  非严格模式下,相同的形参会被最后一个形参覆盖;

  严格模式不允许出现相同形参,会报错;

        <script type="text/javascript">
function test(x,x,x){//非严格模式下,相同的形参会被最后一个形参覆盖;严格模式不允许出现相同形参,会报错
return x;
}
console.log(test(1,2,3));//3
</script>

  当实参比形参个数要少,剩下的形参都将设置为 undefined 值;

  当实参比形参个数要多,剩下的实参没有办法直接获得,需要使用即将提到的 arguments对象;

  在 Javascript 中,arguments 对象是当前函数的一个内置属性;

  arguments 非常类似 Array,但实际上又不是一个 Array 实例;

  arguments 对象的 length 属性显示实参的个数,函数的 length 属性显示形参的个数。

        <script type="text/javascript">
function test2(x,y,z){
console.log(x,y,z);//1和2和undefined
}
test2(1,2); function test3(x,y,z){
console.log(x,y,z);//1,2,3
console.log(arguments);//[1, 2, 3, 4] arguments非常类似Array,但实际上又不是一个Array实例。
console.log(typeof arguments);//object
console.log(arguments instanceof Array)//false
console.log(arguments[0]);//1
console.log(arguments[1]);//2
console.log(arguments[2]);//3
console.log(arguments[3]);//4
console.log(arguments.length);//4 arguments对象的长度是由实参个数决定而不是形参个数决定的
}
test3(1,2,3,4);
console.log(test3.length);//3 函数的length属性显示形参的个数
</script>

  在非严格模式下,当形参与实参的个数相同时,arguments 对象的值和对应形参的值保持同步;

  虽然形参和对应 arguments 对象的值相同,但并不是相同的命名空间;

  但在严格模式下,arguments 对象的值和形参的值是独立的;

        <script type="text/javascript">
function test6(x,y){
console.log(x,arguments[0]);//1 1 在非严格模式下,当形参与实参的个数相同时,arguments对象的值和对应形参的值保持同步;
console.log(y,arguments[1]);//2 2 x = 345;
console.log(x,arguments[0]);//345 345 在非严格模式下,当形参与实参的个数相同时,arguments对象的值和对应形参的值保持同步;
arguments[1] = 789;
console.log(y,arguments[1]);//789 789
}
test6(1,2); function test7(x,y){
console.log(x,arguments[0]);//undefined undefined arguments[0] = 345;
console.log(x,arguments[0]);//undefined 345
//当形参并没有对应的实参时,arguments对象的值与形参的值并不对应,所以形参和对应arguments对象是不同的命名空间;
}
test7(); function test8(x,y){
'use strict'; //定义严格模式
console.log(x,arguments[0]);//3 3 arguments[0] = 456;
console.log(x,arguments[0]);//3 456 在严格模式下,arguments对象的值和形参的值是独立的;
x = 789;
console.log(x,arguments[0]);//789 456
}
test8(3);
</script>

  在未知参数数量的情况下,可以用 arguments

        <script type="text/javascript">
//在未知参数数量的情况下,可以用arguments
function add(){
var sum = 0;
for(var i = 0; i < arguments.length; i++){
sum += arguments[i]; //参数累加
}
return sum;
}
console.log(add(0));//0
console.log(add(0,1,2,3));//6
</script>

  arguments 对象有一个 callee 属性,该属性是一个指针,指向拥有这个 arguments 对象的函数,也就是函数本身;

  arguments.callee() 返回此 arguments 对象所在的当前函数引用。在使用函数递归调用时推荐使用 arguments.callee 代替函数名本身。

  function.caller() 返回一个对当前函数的引用,该引用调用了当前函数;

  在严格模式下,不能使 callee 和 caller 属性,会报错 TypeError;

        <script type="text/javascript">
function fallingfactorial1 (x){//简单的阶乘
x = Math.round(Math.abs(x));
if(x <= 1){
return 1;
}else{
return x*fallingfactorial1 (x-1);//递归,这里需要写函数名,如果外面函数名改变,这里也得改,有点麻烦
}
}
console.log(fallingfactorial1(3));//6 function fallingfactorial2 (x){//简单的阶乘
x = Math.round(Math.abs(x));
if(x <= 1){
return 1;
}else{
console.log(arguments.callee);//fallingfactorial2(x);
return x*arguments.callee(x-1);//使用arguments.callee,如果外面函数名改变,这里会自己去找的
}
}
console.log(fallingfactorial2(5));//120 function fallingfactorial3 (x){//简单的阶乘
'use strict';//严格模式
x = Math.round(Math.abs(x));
if(x <= 1){
return 1;
}else{
return x*arguments.callee(x-1);//在严格模式下,不能使用callee属性,会报错TypeError
}
}
// console.log(fallingfactorial3(5));//Uncaught TypeError function father(){
son();
} function son(){
console.log(son.caller);
console.log(arguments.callee.caller); //callee和caller结合使用,寻找当前函数的引用
}
son();//null
father();//function father(){son();} function test9(){
'use strict';//严格模式
console.log(test9.caller); //在严格模式下,不能使用caller属性,会报错TypeError
}
// test9();//Uncaught TypeError
</script>
</body>

jacascript 函数参数与 arguments 对象的更多相关文章

  1. 不定参数对arguments对象的影响

    如果声明函数时定义了不定参数,则在函数被调用时,arguments对象包含了所有传入的参数: function checkArgs(...args){ console.log(args.length, ...

  2. 函数中的 arguments 对象

    JavaScript函数具有像数组一样的对象,这些对象称为arguments,与传递给函数的参数相对应.传递给JavaScript函数的所有参数都可以使用arguments对象来引用. 现在我们开始学 ...

  3. JavaScript基础精华02(函数声明,arguments对象,匿名函数,JS面向对象基础)

    函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) {             return i1 + i2;//如果不写return返回 ...

  4. JavaScript函数中的arguments对象

    ECMAScript标准中,每个函数都有一个特殊的内置对象arguments.arguments对象是一个类Array对象(object),用以保存函数接收到的实参副本. 一.内置特性 说它是一个内置 ...

  5. JavaScript 没有函数重载&amp;Arguments对象

    对于学过Java的人来说.函数重载并非一个陌生的概念,可是javaScript中有函数重载么...接下来我们就进行測试 <script type="text/javascript&qu ...

  6. es6和es5函数参数和arguments的差别

    注: 这里说的 es5 代表的都是非严格模式下. es6之前函数的参数不能传默认值: function fn(a, b){ console.log(a) console.log(b) } fn(2) ...

  7. js理论-函数中的Arguments对象

    详情参考:https://github.com/mqyqingfeng/Blog/issues/14 如果: arguments和实参的关系,以及arguments的属性 附上代码和注解 functi ...

  8. 理解Javascript参数中的arguments对象

    ECMAScript中函数没有标签名的特性,所以ECMAScript函数中没有重载. Javascript中arguments的存在可以弥补javascript中函数没有重载的不足. Javascri ...

  9. js-arguments 函数参数对象详解

    前言 JavaScript 函数参数不同于其他编程语言,既不需要规定参数的类型,也不需要关心参数的个数,因此 JavaScript 因函数参数而变得十分灵活,本文总结一下 arguments 参数对象 ...

随机推荐

  1. [Luogu P1564] 膜拜

    Description 神牛有很多-当然-每个同学都有自己衷心膜拜的神牛. 某学校有两位神牛,神牛甲和神牛乙.新入学的N 位同学们早已耳闻他们的神话. 所以,已经衷心地膜拜其中一位了.现在,老师要给他 ...

  2. MYSQL数据库学习十八 数据库维护和性能提高

    18.1 数据备份 可能造成数据损失的原因有: 存储介质故障:保存数据库文件的磁盘设备损坏,用户没有数据库备份导致数据彻底丢失. 用户的错误操作:如误删了某些重要数据,甚至整个数据库. 服务器的彻底瘫 ...

  3. JVM学习五:JVM之类加载器之编译常量和主动使用

    在学习了前面几节的内容后,相信大家已经对JAVA 虚拟机 加载类的过程有了一个认识和了解,那么本节,我们就继续进一步巩固前面所学知识和特殊点. 一.类的初始化回顾 类在初始化的时候,静态变量的声明语句 ...

  4. Java中字符串indexof() 的使用方法

    Java中字符串中子串的查找共有四种方法(indexof())indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置.如果没有找到子字符串,则返回-1.如果 startind ...

  5. KMP(构建next数组)

    字符串匹配算法KMP, 核心思想是尽可能利用已经匹配的结果, 跳过尽可能多的不需要匹配的情况 重点和难点都在next数组的建立上 1. KMP算法的next数组求解 以模式串 a b a c a b ...

  6. Idea  调试代码

    ---恢复内容开始--- set DEBUG_PORT=8787 set JAVA_DEBUG=-Xdebug -Xnoagent -Xrunjdwp:transport=dt_socket,addr ...

  7. 说一说Java的Unsafe类

    最近在看Java并发包的源码,发现了神奇的Unsafe类,仔细研究了一下,在这里跟大家分享一下. Unsafe类是在sun.misc包下,不属于Java标准.但是很多Java的基础类库,包括一些被广泛 ...

  8. alpha冲刺第三天

    一.合照 二.项目燃尽图 三.项目进展 今天是一个瓶颈期,在昨天被困住的地方今天还是没能解决,所以今天的项目进展并没有发生什么变化. 今天晚上xl和lj去实验室找学姐了,在学姐的帮助下大概有了一点思路 ...

  9. beta冲刺3-咸鱼

    一,昨天的问题: 页面整理还没做 我的社团这边的后台数据库未完成,前端代码修改未完成. 二,今天已完成 页面整理基本完成,把登陆独立出来了,然后基本处理掉了多余页面(反正也没几个--) 我的社团这边试 ...

  10. Beta 第一天

    一.今日任务 重新熟悉整体项目 对整个项目在未来的beta冲刺中进程有一个合理的规划 由于我们送出的是一个负责前端的成员,引入的也是一个负责前端工作的女生,(女生做起美工比起男生更加得心应手吧)所以我 ...