函数的扩大
-
函数参数的默认值
// 老办法通过函数外部增加默认值 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 属性
(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 不存在,就会报错。
- 残余参数 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 属性,返回该函数的函数名function foo() {} foo.name // "foo"
-
箭头函数
- 箭头函数都是匿名函数,一般函数能够有具名能够有匿名
- 箭头函数自身没有 this,他在申明时能够捕捉其所在上下文的 this 供本人应用(this 一旦被捕捉不再发生变化), 一般函数指向 window
- 箭头函数和 call,apply 联合改不了其指向,永远指向上下文(call,apply,bind)
- 箭头函数不能当作构造函数 new
- 箭头函数没有原型对象,prototype
- 箭头函数不能应用 arguments 对象,如果要用,能够用 rest 参数代替
- 不能够应用 yield 命令,因而箭头函数不能用作 Generator 函数