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问题、尾函数的调用以及给递归函数带来的优化