13,箭头函数
Arrow Function(箭头函数)
x=>x*x;
function (x) {
return x * x;
}
//上述两者等价
箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }
和return
都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }
和return
:
//这里用刚学的闭包,测试一下箭头函数
function f() {
return x=>x*x;
}
var res= f();
res(2);//4
function f1() {
return x=>{
if(x>0){
return 1;
}else{
return -1;
}
}
}
var res2 =f1();
res2(4);//1;
res2(-4);//-1
参数个数问题:
// 两个参数:
(x, y) => x * x + y * y
// 无参数:
() => 3.14
// 可变参数:
(x, y, ...rest) => {
var i, sum = x + y;
for (i=0; i<rest.length; i++) {
sum += rest[i];
}
return sum;
}
13.1,箭头函数与this
箭头函数内部的this
是词法作用域,由上下文确定。不会出现如10.1中this的绑定问题