毎日5分コード「Arrow Function」


#Arrow Function:関数式の略

-関数式-

const add = function(x, y){
  return x + y
}

-ArrowFunction-

const add = (x, y) => {
  return x + y
}
呼び出し、適用、バインドできません
✓は、「関数」の代わりに「=>」を使用します.

tip. 関数にreturnのみが存在する場合はButを省略できます!括弧も省略します。


ex)

const add = (x , y) => x + y //정상 작동
const add = (x , y) => (x + y) //정상 작동 (소괄호()사용가능)
const add = (x , y) => {x + y}//undefined
tip. 関数の式が2行より多い場合は、returnと括弧で表すのが望ましい.

Arrow Functionの使用:closure


-関数式-

const adder = function(x){
  return function(y){
    return x + y
  }
}
adder(5)(7)//12

-Arrow Function-

const adder = (x) => {
  return(y) => {
     return x + y
   }
 }
 adder(5)(7)//12

サムネイル戻りと{}を同時にキャンセルし、パラメータが1の場合は()をキャンセルします。

const adder = x => {
  return y => x + y 
}

残りのリターンをスキップ

const adder = x => y => x + y