一、参数默认值
1、基本介绍
ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。
function log(x, y = 'World') {
console.log(x, y);
}
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello
log('Hello', undefined) // Hello World
2、 作用域问题
一旦设置了参数的默认值,函数进行初始化时,参数会形成一个单独的作用域(context)。等到初始化结束,这个作用域就会消失。这种语法行为,在不设置参数默认值时,是不会出现的。
let x = 1;
function f(x, y = x) {
console.log(y);
}
f(2) // 2
let x = 1;
function f(y = x) {
let x = 2;
console.log(y);
}
f() // 1
3、注意点
具有默认值的形参之后不能再有不具默认值的形参
4、代码示例:
<script>
function test(arg1="agr1",...arg2) {
console.log(arg1,arg2)
}
test(1,2,3,4,5)
</script>
二、 rest参数
三点运算符 (…)
<script>
let [b,...a] = [1,2,3,4]
console.log(a)//[2, 3, 4]
console.log(...[1,2,3])//1 2 3
</script>
三、 扩展运算符
rest的逆运用
<script>
let {a,b,...c}={a:"a",b:"b",c:"c",e:"e"};
console.log(a,b,c)//a b Object{c, e}
</script>
四、 箭头函数
1、 箭头函数
ES6 允许使用“箭头”(=>)定义函数。
var f = v => v;
// 等同于
var f = function (v) {
return v;
};
2、多参数&无参
如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。
3、多语句
如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回
4、 注意点
{}
是可以被解析成代码块的,所以需要返回一个对象时,要在对象外加上圆括号
- (1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。
- (2)不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。
- (3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。
- (4)不可以使用yield命令,因此箭头函数不能用作 Generator 函数
五、 this绑定
函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象
基于作用域
/* this:
看函数调用位置上的调用形式
独立调用 window
隐式调用 最近的调用者
显示调用 指定的对象
构造调用 实例对象
箭头函数中的this指向上层作用域的this
*/
var a = "window-a";
function wrap(){
setTimeout(()=>{
console.log(this.a);
},1000)
}
var obj={
a:"obj-a",
wrap:wrap
}
obj.wrap()
</script>
六、注意点
<script>
var f = ()=>{
return {a:1}
};
console.log(f());//Object a:1
</script>