JavaScript提升系列(七):函数

本文总结

如下:

与C++/Java不同之处

  • ECMAScript中的函数定义时不必指定是否返回值。
  • ECMAScript中的函数不在意传入参数的类型与数量,命名的参数只是提供便利,并不是必需的。
  • 由于没有函数签名机制,ECMAScript中的函数不能重载。

严格模式下的限制

  • 函数名,参数名不能为evalarguments
  • 定义函数时,形参不能同名。
  • 函数体内,不能arguments修改实参,不能对arguments进行赋值。

--------------------正文分割线------------------------

ECMAScript中的函数使用function关键字来声明,后跟一组参数以及函数体,函数的基本语法如下所示:

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

ECMAScript中的函数在定义时不必指定是否返回值,事实上,任何函数在任何时候都可以通过return语句后跟要返回的值来实现返回值。

在严格模式下,对函数有一些限制:

  • 不能把函数命名为evalarguments
  • 不能把参数命名为evalarguments
  • 不能出现两个命名参数同名的情况;
    如果发生上述情况,就会导致语法错误。

理解参数

ECMAScript函数不介意传递进来多少个参数,也不介意传进来的参数是什么数据类型。
之所以这样,原因是ECMAScript中的参数在内部是用一个参数在内部使用一个数组来表示的。
实际上,在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数。
其实,arguments对象只是和数组类似(它并不是Array的实例),因为可以通过方括号访问它的每一个元素,使用length属性来确定传递进来参数的个数。
因此,将上述的代码,可以重写为以下形式:

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

重写后的函数不包括命名的参数,虽然没有namemessage标识符,但函数的功能依旧。
这说明了ECMAScript函数的一个重要特点:命名的参数只提供便利,并不是必需的。
在命名参数方面,其他语言可能需要事先创建一个函数签名,而将来的调用必须与签名一致。但在ECMAScript中,没有这些条条框框,解析器不会验证命名参数。

ECMAScript中的arguments对象可以与命名参数一起使用,如下例子所示:

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

关于arguments对象的行为,还有一点比较有意思:它的值永远与对应命名参数的值保持同步,例如:

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

这并不是说,读取这两个值会访问相同的内存空间,它们的内存空间是独立的,但它们的值会同步。
这种影响是单向的,修改命名参数不会改变arguments中对应的值。

如果只传入了一个参数,那么为arguments[1]设置的值不会反应到命名参数中,这是因为arguments对象的长度由传入的参数个数决定的,不是由定义函数时的命名参数的个数决定的。

最后记住一点,没有传递值的命名参数将自动被赋予undefined值。

严格模式下对arguments对象做了一些限制,首先,不能arguments对象修改命名参数的值,如下例:

"use strict"
function doAdd(num1,num2){
    arguments[1] = 10;
    console.log(`num1+num2=${num1+num2}`);
}
doAdd(1,2);  //num1+num2=3

其次,对arguments重写会导致语法错误,如下例:

"use strict"
function doAdd(num1,num2){
    arguments = null;      //SyntaxError
    console.log(`num1+num2=${num1+num2}`);
}
doAdd(1,2)

没有重载

ECMAScript函数不能像传统意义上那样实现重载。
于前所述,ECMAScript函数没有签名,因为其参数是包含零或多个值的数组来表示的,而没有函数签名,真正的重载是不可能做到的。

如果ECMAScript中定义了两个名字相同的函数,则该名字只属于后定义的函数,如下例:

function addSomeNumer(num){
    return num+100;
}
function addSomeNumber(num){
    return num+200;
}
var result = addSomeNumber(100);
console.log(result);      //300

如前所述,通过检查传入函数中参数的类型和数量作出不同反应,可以模仿方法的重载。

完!

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