ES6语法——Function的扩展

一、函数默认参数
        ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。

        ES6中函数默认值需要注意的点有:
        (一)参数变量是默认声明的,所以不能用let或const再次声明(说明参数的变量声明是let声明的)
        (二)参数默认值不是传值的,而是每次都重新计算默认值表达式的值。也就是说,参数默认值是惰性求值的。

        (三)在和解构赋值默认值一起使用的时候,需要注意这三种默认值的不同。

        (四)参数默认值的位置:通常情况下,定义了默认值的参数,应该是函数的尾参数。因为这样比较容易看出来,到底省略了哪些参数。如果非尾部的参数设置默认值,实际上这个参数是没法省略的。
        (五)触发函数参数默认值的条件是:参数的值===undefined  (两种情况,一种是真的没有传值,一种是显示传入undefined)
        (六)函数参数的length属性:
        (1)指定了默认值以后,函数的length属性,将返回没有指定默认值的参数个数。也就是说,指定了默认值后,length属性将失真。
        (2)如果设置了默认值的参数不是尾参数,那么length属性也不再计入后面的参数了。

(七)参数作用域:一旦设置了参数的默认值,函数进行声明初始化时,参数会形成一个单独的作用域(context)。等到初始化结束,这个作用域就会消失。这种语法行为, 在不设置参数默认值时,是不会出现的。

二、rest 参数
        ES6 引入 rest 参数(形式为...变量名 ),用于获取函数的多余参数,这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组,该变量 将多余的参数放入数组中。
        rest 参数之后不能再有其他参数(即只能是后一个参数),否则会报错。
        函数的length属性,不包括 rest 参数。

三、箭头函数
        ES6标准新增了一种新的函数:Arrow Function(箭头函数)

        箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了还有一种可以包含多条语句,这时候就不能省略{ ... }和return
        由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。
        箭头函数的一个用处是简化回调函数

(一)箭头函数——this问题
        (1)箭头函数的this指向是词法作用域,由上下文确定
        (2)箭头函数的 this 始终指向函数定义时的 this,而非执行时

        (2-1)上面的setTimeout定时器执行时与函数环境脱离,调用其的对象是window,但是箭头函数的this不是动态作用域,而是词法作用域,所以这个定时器里面的this还是指向obj,下面是定时器封装正常的函数的情形:

        (2-2)这里打印出undefined的原因是:我编写的环境是在node下的和浏览器环境还是有一定的区别,node环境下,最后调用这个定时器的是Timeout对象,所以this指向的是Timeout对象,但是这个对象上面没有age属性(我们定义的age属性是定义在window上面的),所以打印出undefined了

        (2-3)不过在浏览器环境下运行也还是需要注意的一个细节就是:let const声明的变量和函数不会定义在window对象上了,也就是说不会成为window的属性和方法了,但是var声明的变量和方法声明的变量和函数还是定义在window上的属性和方法

        (3)箭头函数中没有 this 绑定,必须通过查找作用域链来决定其值,如果箭头函数被非箭头函数包含,则 this 绑定的是最近一层非箭头函数的 this,否则,this 为 undefined”。
        (4)箭头函数如果是多层嵌套,不管嵌套多少层,this都是通过查找作用域链来决定其值
        (5)this就是函数作为方法被调用所属的对象
(二)箭头函数使用注意
(1)由于this在箭头函数中已经按照词法作用域绑定了,所以,用call()或者apply()调用箭头函数时,无法对this进行绑定,即传入的第一个参数被忽略:

(2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。
(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。
(4)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。
(5)除了this,以下三个变量在箭头函数之中也是不存在的,指向外层函数的对应变量:arguments、super、new.target

四、函数尾调用
        (一)定义:某个函数的后一步是调用另一个函数

        (二)尾调用有什么用?
        按照阮一峰大佬的解释如下:
        我们知道,函数调用会在内存形成一个“调用记录”,又称“调用帧”(call frame)保存调用位置和内部变量等信息。如果在函数A的内部调用函数B,那 么在A的调用帧上方,还会形成一个B的调用帧。等到B运行结束,将结果返回到A,B的调用帧才会消失。如果函数B内部还调用函数C,那就还有一 个C的调用帧,以此类推。所有的调用帧,就形成一个“调用栈”(call stack)。
         尾调用由于是函数的后一步操作,所以不需要保留外层函数的调用帧,因为调用位置、内部变量等信息都不会再用到了,只要直接用内层函数的调用帧,取代外层函数的调用帧就可以了。       
        尾调用可以改造递归调用,使其变成尾递归,以永远不会发生“栈溢出”错误。要做的就是将原来的递归函数,改写为每一步返回另一个函数。
        它的原理非常简单。尾递归之所以需要优化,原因是调用栈太多,造成溢出,那么只要减少调用栈,就不会溢出。怎么做可以减少调用栈呢?就是采用“循 环”换掉“递归”。

五、小结
        ES6中函数的扩展主要掌握的点是:函数的默认参数、rest参数、箭头函数以及其this问题、尾函数的调用以及给递归函数带来的优化

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

推荐阅读更多精彩内容

  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    陈老板_阅读 441评论 0 1
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,339评论 0 1
  • 1.函数参数的默认值 (1).基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。
    赵然228阅读 676评论 0 0
  • 今天是母亲节,顾名思义,即有孩子当了妈妈了,所以今天祝自己节日快乐! 在此分享下做母亲的点滴: 1.昨晚由于老公某...
    百合_c5c0阅读 290评论 0 1
  • 一周集中看资料也是很累的事情。周日下雨,从白天睡到了晚上。起来时已经是晚上八点多。下楼吃了点东西,稍微歇了会儿就又睡了。
    小王加油啊阅读 197评论 0 0