函数的扩展

PPG007 ... 2021-12-26 About 2 min

# 函数的扩展

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

1
2
3

与解构赋值默认值结合：

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

1
2
3
4

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

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

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

1
2
3
4
5
6
7
8

在上面的代码中，如果函数中的 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));

1
2
3
4
5
6
7
8

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

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

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

1
2

箭头函数注意事项：

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

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

箭头函数不适用的场合：