箭头函数
箭头函数是传统函数表达式的简写方式,它简化了函数的编写,也带来了一些限制导致在一些场景下它无法使用。
特点:
- 箭头函数没有自己的this,无法通过call、apply、bind指定函数的this
- 箭头函数中没有arguments
- 不能作为构造函数调用
- 和匿名函数一样,无法直接调用,通常赋值给一个变量或者作为回调函数使用
- 多条语句时,语句需要使用{}括起来,同时需要使用return设置返回值,不写就没有返回值
// 基本语法
var fn = a => { /* … */ }
// 多个参数时,参数需要使用()括起来
var fn = (a, b) => { /* … */ }
// 多条语句时,语句需要使用{}括起来,同时需要使用return设置返回值
//不写就只是计算,没有返回值
var fn = a => {
let b = 1;
return a + b;
}
fn(1) // 2
//无return、
var fn = a => {
let b = 1;
a + b;
}
fn(1) // undefined
// 返回值是一个对象时,对象需要加()
var fn = val => ({foo: "a"})
//多个参数、默认参数和传统函数一样
var fn = (a, b, ...r) => { /* … */ }
var fn = (a=400, b=20, c) => { /* … */ }
标签:return,函数,箭头,var,返回值,fn
From: https://www.cnblogs.com/zuhah/p/17175062.html