ES6函数的扩展

1.函数参数的默认值
2.rest参数
3.严格模式
4.name属性
5.箭头函数
6.尾调用优化
7.函数参数的尾逗号
8.Function.prototype.toString()
9.catch命令的参数省略

1.函数参数的默认值

ES6允许函数设置默认值

function log(x, y = 'World') {
  console.log(x, y);
}

log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello

与解构赋值默认值结合使用

function foo({x, y = 5}) {
  console.log(x, y);
}

foo({}) // undefined 5
foo({x: 1}) // 1 5
foo({x: 1, y: 2}) // 1 2
foo() // TypeError: Cannot read property 'x' of undefined

上述代码中使用了对象的解构赋值,而没有使用函数参数的默认值,只有当函数foo的参数是一个对象的时,变量x和y才会通过结构赋值生成。如果函数foo调用时没有提供参数,变量x和y就不会生成,从而报错

通常情况下设定函数的默认值的参数应该放在尾部,否则你在传参的时候无法省略该参数

函数length的值失真,值的是函数的参数指定了默认值,那么函数的length属性不会计算有默认值的参数

应用:
利用参数默认值,可以指定某一个参数不可以省略,如果省略就会抛出一个错误。
另外,可以将参数的默认值设置为undefined,表明这个参数可以省略

2.rest参数

ES6中引入rest参数(形式为...变量名)用于获取函数的多余参数,这样就不需要使用arguments对象了。rest参数搭配的变量是一个数组,将多余的参数放入数组中

function add(...values) {
let sum = 0;

for (var val of values) {
  sum += val;
}

return sum;
}

add(2, 5, 3) // 10

3.严格模式

从ES5开始,函数内部可以设定为严格模式,ES2016 做了一点修改,规定只要函数参数使用了默认值、解构赋值、或者扩展运算符,那么函数内部就不能显式设定为严格模式,否则会报错。

4.name属性

5.箭头函数

6.尾调用优化

什么是尾调用?
就是函数的最后一步是调用另外一个函数
尾递归
递归非常消耗内存,因为需要同时保存成千上百个调用帧,很容易发生"栈溢出"错误,但是对于尾递归来说,由于之存在一个调用帧,所以永远不会发生"栈溢出"的错误

function factorial(n) {
  if(n===1) return 1;
  return n*factorial(n-1)
}

factorial(5)   //120

上面代码是一个阶乘函数,计算n的阶乘,最多需要保存n个调用记录,复杂度O(n)。

如果改成尾递归,只保留一个调用记录,复杂度O(1)。

 function factorial(n,total) {
  if(n===1) return total
  return function (n-1,n*total)
}

factorial(5,1)  //120

递归函数的改写
要实现尾递归,往往需要改写递归函数,确保最后一步调用自身,要做到这一点的方法,就是把所有的内部函数变量改写成函数的参数。比如上面的例子,这样做的缺点就是不太直观,第一眼很难看出来,为什么计算5的阶乘,需要传入两个参数5和1?

要改进这个函数有两个方法
1.在尾递归函数之外,再提供一个正常形式的函数。

function tailFactorial(n, total) {
  if (n === 1) return total;
  return tailFactorial(n - 1, n * total);
}

function factorial(n) {
  return tailFactorial(n, 1);
}

factorial(5) // 120

2.函数式编程有一个概念,叫做柯里化(currying),意思是将多参数的函数转换成单参数的形式。这里也可以使用柯里化。

unction currying(fn, n) {
  return function (m) {
    return fn.call(this, m, n);
  };
}

function tailFactorial(n, total) {
  if (n === 1) return total;
  return tailFactorial(n - 1, n * total);
}

const factorial = currying(tailFactorial, 1);

factorial(5) // 120

currying就是柯里化函数,用来接收一个函数和固定值的参数,返回另外一个函数。上例中最终需要的函数保存在factorial中
严格模式
ES6的尾调用优化只在严格模式下开启,正常模式是无效的
这是因为在正常模式下,函数内部有两个变量,可以跟踪函数的调用栈

  • func.arguments:返回函数调用时的参数。
  • func.caller:返回调用当前函数的那个函数。
    尾调用优化发生时,函数的调用栈会改写,因此上面两个变量就会失真。严格模式下禁止使用这两个变量,所以尾调用模式仅在严格模式下生效。
function restricted() {
  'use strict';
  restricted.caller;  //报错
  restricted.arguments;  //报错
}

restricted();

7.函数参数的尾逗号

ES2017允许函数的最后一个参数有尾逗号。

8.Function.prototype.toString()

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 8,969评论 0 1
  • 1、函数参数默认值 2、rest参数 3、严格模式 4、name属性 5、箭头函数 6、双冒号运算符 7、尾调用优...
    SunshineBrother阅读 1,549评论 0 0
  • 一、函数参数的默认值 1.1、基本用法 ES6 允许为函数的参数设置默认值,直接写在参数定义的后面 ES6 的写法...
    了凡和纤风阅读 2,415评论 0 0
  • (一)与结构赋值的默认值结合使用 对函数的参数设置默认值的两种写法区别 (二)参数默认值的位置一般定义默认值的参数...
    貓咪是大王阅读 1,531评论 0 1
  • 生命的意义绝不在于赚了多少钱,见过多少世面,到过哪些地方,做了多大学问。 我更期望跟着自己心灵的脚步走。该工作的时...
    煎饼果子来一套1688阅读 1,346评论 0 0

友情链接更多精彩内容