函数的扩展 ecmascript

函数的扩展

函数参数的默认值

//老方法通过函数内部添加默认值 function foo(value){ // value = https://www.it610.com/article/value || true // true为默认值，如果传入false 那么也会使用默认值，很明显错误 value = value === undefined?true:valueconsole.log(value); }foo(false)//给参数添加默认值 function bar(value=true){ //多参数时，默认值要放在最后}
函数的length属性

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

(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，所以输出是2

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

上面代码中，函数f调用时，参数y = x形成一个单独的作用域。这个作用域里面，变量x本身没有定义，所以指向外层的全局变量x。函数调用时，函数体内部的局部变量x影响不到默认值变量x。如果此时，全局变量x不存在，就会报错。

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

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