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()

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

推荐阅读更多精彩内容

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