函数的扩展

函数的扩展

• 函数参数的默认值数组

  //老方法经过函数内部添加默认值
  function foo(value){
  // value = value || true // true为默认值，若是传入false 那么也会使用默认值，很明显错误
  value = value === undefined?true:value
  
  console.log(value);
  }
  
  foo(false)
  
  //给参数添加默认值
  function bar(value=true){ //多参数时，默认值要放在最后
  
  }

• 函数的length属性

指定了默认值后，length属性将失真,rest 参数也不会计入length属性app

(function (a) {}).length // 1
(function (a = 5) {}).length // 0
(function (a, b, c = 5) {}).length // 2
(function(...args) {}).length // 0

• 函数的做用域

函数进行声明初始化时，参数会造成一个单独的做用域（context）。等到初始化结束，这个做用域就会消失。这种语法行为，在不设置参数默认值时，是不会出现的函数

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

上面代码中，参数y的默认值等于变量x。调用函数f时，参数造成一个单独的做用域。在这个做用域里面，默认值变量x指向第一个参数x，而不是全局变量x，因此输出是2this

let x = 1;
function f(y = x) {
  let x = 2;
  console.log(y);
}
f() // 1

上面代码中，函数f调用时，参数y = x造成一个单独的做用域。这个做用域里面，变量x自己没有定义，因此指向外层的全局变量x。函数调用时，函数体内部的局部变量x影响不到默认值变量x。若是此时，全局变量x不存在，就会报错。prototype

• 剩余参数rest

function foo()
{
  console.log(arguments,Array.from(arguments)); //伪数组 转化成真是数组
}
foo(1,2,3,4)

function bar(...args){ //形参最后一位，只能使用一次
  console.log(args);
}
bar(1,2,3,4)

• name属性
  函数的name属性，返回该函数的函数名rest

  function foo() {}
  foo.name // "foo"

• 箭头函数code

  • 箭头函数都是匿名函数，普通函数能够有具名能够有匿名
  • 箭头函数自己没有this，他在声明时能够捕获其所在上下文的this供本身使用（this一旦被捕获再也不发生变化）,普通函数指向window
  • 箭头函数和call，apply结合改不了其指向，永远指向上下文（call，apply，bind）
  • 箭头函数不能看成构造函数new
  • 箭头函数没有原型对象，prototype
  • 箭头函数不能使用arguments对象，若是要用，能够用 rest 参数代替
  • 不能够使用yield命令，所以箭头函数不能用做 Generator 函数