ES6特性:箭头函数
程序员文章站
2023-12-21 23:49:22
...
ES6允许使用"箭头"(=>)定义函数。
基本语法:参数=>函数体
var f = v => v; //等价于
var f = function(v){
return v;
};
如果箭头函数不需要参数或需要多个参数,需要使用()括起来
var f = () => 1; //等价于
var f = function () { return 1 };
var sum = (a,b) => a+b; //等价于
var sum = function (a,b) { return a+b };
当箭头函数的函数体有多行语句,需要用{}括起来,表示代码块,并且用return来返回值;只有一行一条语句时可以忽略{},结果会自动返回。
var sum = (a,b) =>{
let num = a+b;
return num;
}
当箭头函数要返回对象的时候,为了区分于代码块,要用()将对象括起来,否则会报错
let func = (a,b) => { a:a,b:b }; // func(1,2) 报错
let func = (a,b) => ({ a:a,b:b }); // func(1,2) { a:1,b:2 }
注意:
(1)箭头函数内的this对象,就是定义时所在的对象,而不是使用时所在的对象
function func(){
setTimeout(()=>{
console.log(this.a);
})
}
var a=10;
func(); // 10 此时this指向window
func.call({a:20}); // 20 {a:20}调用func对象的方法
// setTimeout的参数是一个箭头函数,该函数的定义生效是在func函数生成时,箭头函数的this总是指向函数
// 定义生效时所在的对象,即{a:20},所以输出20
(2)不可以作为构造函数,也就是不能使用new命令,否则报错
(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以使用rest参数代替
rest参数(形式为...变量名),用于获取函数的多余参数,这样就不需要arguments对象了。rest参数搭配的变量是一个数组,该变量将多余的参数放入数组中
function add(...nums){
let sum=0;
for(var val of nums){
sum+=val;
}
return sum;
}
add(1,2,3); // 6
(4)不可以使用yield命令,因此箭头函数不能用作Generator函数