【ES6】函数的扩展

1、函数参数默认值【详情例子参照ESMAScript 6入门（阮一峰）】

允许为函数的参数设置默认值，即直接写在参数定义的后面。【例子1】
参数变量是默认声明的，所以不能用let或const再次声明。【例子2】
参数默认值不是传值的，而是每次都重新计算默认值表达式的值。（惰性求值）【例子3】

2、函数的length属性

指定了默认值后，length属性将失真。【因为length属性的含义是，该函数预期传入的参数个数。】

3、rest参数【...变量名】，用于获取函数的多余参数

注意：rest 参数之后不能再有其他参数（即只能是最后一个参数），否则会报错。

　　函数的length属性，不包括 rest 参数。

求和

function add(...values) {

  let sum = 0;

  for (var val of values) {

    sum += val;

  }

  return sum;

}

add(2, 5, 3) // 10

利用rest参数改写数组push方法

function push(array, ...items) {

  items.forEach(function(item) {

    array.push(item);

    console.log(item);

  });

}

var a = [];

push(a, 1, 2, 3)

4、箭头函数

不绑定this【箭头函数的this是固定的】、arguments
不可使用new命令和yield命令
箭头函数导致this总是指向函数定义生效时所在的对象

var f = () => 5;/

// 等同于 var f = function () { return 5 };
//有参数

var sum = (num1, num2) => { return num1 + num2; }

实例：

// 正常函数写法

[1,2,3].map(function (x) {

  return x * x;

});

// 箭头函数写法

[1,2,3].map(x => x * x);

5、尾递归【函数调用自身，称为递归。如果尾调用自身，就称为尾递归】

只需要知道循环可以用递归代替，而一旦使用递归，就最好使用尾递归。

//旧的

function factorial(n) {

  if (n === 1) return 1;

  return n * factorial(n - 1);

}

factorial(5) // 120

//尾递归

function factorial(n, total) {

  if (n === 1) return total;

  return factorial(n - 1, n * total);

}

factorial(5, 1) // 120

　尾递归优化

/* 普通 */

function sum(x, y) {

  if (y > 0) {

    return sum(x + 1, y - 1);

  } else {

    return x;

  }

}

sum(1, 10)

//11

/* 尾递归优化 */

function trampoline(f) {

  while (f && f instanceof Function) {

    f = f();

  }

  return f;

}

function sum(x, y) {

  if (y > 0) {

    return sum.bind(null, x + 1, y - 1);

  } else {

    return x;

  }

}

trampoline(sum(1, 100000))

//100001

以上ES6均参考ESMAScript 6入门（阮一峰），仅仅当作自己的笔记而已。

巴特西

【ES6】函数的扩展

最新文章

热门文章