JS中函数的参数

参数不是必需的

在JS函数中,通常要通过参数来传递数据。但是JS和其他编程语言不一样的地方在于,JS并不在乎你传递的参数个数及类型;换句话说,即使你定义函数时只接收2个参数,在实际调用时你可以传递1个参数,3个参数甚至多个参数都无所谓,原因就在于ES函数中的参数在内部其实是用一个数组来表示,我们通常使用arguments这个对象来访问传递到函数中的每一个参数。

arguments对象

arguments对象其实是一个类数组对象,与JS中的数组有很多类似地方,我们可以使用方括号语法来访问arguments对象的数据(例如使用arguments[0]来访问第一个参数,arguments[1]来访问第二个参数等);因此使用arguments对象我们甚至可以在定义函数时不使用命名参数(不推荐但的确可以)。例如:

function sayHi(name,message) {
    alert("Hello " + name + "," + message);
}

对于该函数我们可以使用arguments对象改写:

function sayHi() {
    alert("Hello " + arguments[0] + "," + arguments[1])
}

改写后的函数功能与之前完全一样,这个事实说明了ES函数的一个重要特点:命名的参数提供便利,但不是必需的。

length属性

arguments对象的length属性返回实际调用时传递的参数个数,注意:是实际调用时传递的参数个数,即实参

function howManyArgs() {
    return arguments.length;
}

howManyArgs(1);//1
howManyArgs("hello","world");//2
howManyArgs("123","hello",false,12);//4

与实参相对于的是形参,即定义函数时的命名参数。如果想要获得一个函数的形参个数,可以使用函数的length属性(函数也是对象,因此也具有属性和方法)。

function howManyArgs() {
    return arguments.length;
}
console.log(howManyArgs.length);//0

function doAdd(num1,num2) {
  alert(num1+num2);
}
console.log(doAdd.length);//2

一句话总结:函数的length属性返回形参格式,而arguments对象的length属性则返回实参个数。

注意点

1、arguments对象可以和命名参数一起使用
这个很容易理解,因为arguments[0]其实就是第一个参数,arguments[1]是第二个参数,因此可以相互替换使用。例如:

function doAdd(num1, num2) {
   if(arguments.length === 1){
       alert(num1 + 10);
   } else if (arguments.length === 2){
      alert(arguments[0] + num2);
   }
}

2、arguments的值永远与对应命名参数的值保持同步
看下面的例子:

function doAdd(num1, num2) {
    arguments[1] = 10;
    alert(arguments[0] + num2);
}

执行doAdd()函数,将会重写num2的值,因为修改arguments对象中的值会自动反映到对应的命名参数中。
但是需要注意的是:arguments对象中的值和命名参数的值占据相互独立的内存空间,只是值同步而已。
同时,我们说arguments对象中的值是实参,这也就意味着当给doAdd()函数仅传入一个参数时,arguments[1]的值不会反映到命名参数中,原因就在于arguments对象的长度是有实际调用时传入的参数个数决定的,而不是由定义时的命名参数的个数决定的。

3、严格模式下的限制
严格模式下对arguments对象的使用作出了一定限制。主要体现在:

  • 对arguments对象中的值重新赋值不会同步到参数中
  • 重写arguments的值会导致语法错误(代码将不会执行)
    例如:
function doAdd(num1,num2) {
    "use strict";
    arguments[1] = 10;//严格模式下赋值不会同步到参数中
    console.log(arguments[0] + num2); 
}
doAdd(12,15);//27

因此,除非有必要,否则我们不推荐在函数内部使用arguments来重写实参的值。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,544评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,430评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,764评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,193评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,216评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,182评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,063评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,917评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,329评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,543评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,722评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,425评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,019评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,671评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,825评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,729评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,614评论 2 353

推荐阅读更多精彩内容

  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,556评论 0 5
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,148评论 0 13
  • 从2018年1月初成为某瑜伽馆的会员正式接触瑜伽,到4月份参加该瑜伽馆举办的瑜伽教培班,我与瑜伽正式的亲密接触已经...
    帅昵称是我阅读 674评论 0 4
  • 我一直认为,遇见一个人需要积攒三辈子的福气,然后才能在这一世显化出缘分。 很多人把握住了,那就是爱情。 也有很多人...
    宁无言阅读 263评论 0 0
  • 自从苏妈妈知道李铭熹开始追求自己的女儿以来,便绝口不提给苏菲安排相亲对象的事。“菲啊,我看铭熹这孩子不错,机灵能干...
    夏至荷风阅读 395评论 1 7