ES6箭头函数的引入,使函数的写法变的更加简洁。 箭头函数没有自己的this,arguments,super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。
普通函数的书写
function test(zjcopy) {
//声明式写法
console.log(zjcopy)
}
test('hello')
或者
let test2 = function(zjcopy) {
//赋值式写法
console.log(zjcopy)
}
test2('Good')
箭头函数的书写 ()=>{}
const test = (zjcopy) => {
console.log(zjcopy)
}
test('hello')
箭头函数简写规则:
(1)箭头函数只能用赋值式写法,不能用声明式写法
(2)如果参数只有一个,可以不加括号,如果没有参数或者参数多于一个就需要加括号
(3)如果函数体只有一句话,可以省略函数体大括号
(4)箭头函数返回对象时,省略大括号,用小括号括起来。
(5)如果函数体只有一句话,并且这一句话是return 返回值 那return也要省略
const add1=function(p1,p2){
return p1 + p2;
}
add1(3, 4)
const add2 = (p1, p2) =>p1 + p2
add2(10, 25)
(6)如果函数不是一句话,不能省略这个大括号
const add1=function(p1,p2){
console.log(p1); //3
return p1 + p2; //7
}
add1(3, 4)
const add2 = (p1, p2) =>{
console.log(p2); //25
return p1 + p2; //35
}
add2(10, 25)