JS中箭头函数写法及5种简写规则

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)     

猜你喜欢

转载自blog.csdn.net/cuclife/article/details/128792441