函数的扩展

2021/12/26大约 2 分钟

函数参数的默认值

function add(x, inc = 1) {
  return x + inc;
}

与解构赋值默认值结合：

function add({ x, y = 1 }) {
  return x + y;
}
console.log(add({ x: 1 }));

指定了默认值以后，函数的 length 属性将返回没有指定默认值的参数个数。

如果设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域直到初始化结束，这个作用域就会消失。

let x = 1;
function foo(
  x,
  y = function () {
    x = 2;
  }
) {
  var x = 3;
  y();
  console.log(x);
}
foo(); // 3
console.log(x); // 1

在上面的代码中，如果函数中的 x 变量使用 var 声明，那么 foo 参数列表中的 x 变量和方法体内部的 x 变量不是一个变量，而 y 所指向的函数中操作的变量和参数列表中的 x 是一个变量，所以最后输出 3。如果不使用 var 声明，则这两个 x 是一个变量，输出 2。

使用 ...变量名 形式定义 rest 参数：

function sum(...number) {
  let sum = 0;
  for (const n of number) {
    sum += n;
  }
  return sum;
}
console.log(sum(1, 2, 3, 4, 5, 6, 7, 8));

rest 参数必须在参数列表最后，函数的 length 属性不包含 rest 参数。

由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上大括号：

let getUser = (account = 'ppg', password = '123456') => ({ account, password });
console.log(getUser());

箭头函数注意事项：

关于 this：普通函数内部的 this 指向函数运行时所在的对象；箭头函数内部的 this 对象是定义时上层作用域中的 this，箭头函数内部的 this 指向是固定的。

箭头函数可以嵌套，但是无论如何嵌套，this 的指向永远都是指向外部。

箭头函数不适用的场合：