矢印関数


矢印関数
矢印関数表現は、従来の関数表現の簡単な代替方法であり、いくつかの制限点があり、すべての場合に使用できません.
ES 6に追加された
ES:ECMA Scriptの略語JavaScriptの歴史はますます深くなり、構文を改善する必要があるため、ESはバージョンごとに構文を拡張し、特定のバージョンの機能をサポートするための条件を決定しました.すなわち、ECMAスクリプトはjavascriptを標準化し、現在正規化のために作成されているのはES 10である.
arrow関数は,元に学習した関数の中で形状のみを変える関数である.
ex)
function () {};

() => { }; // function 과 달리 arrow function은 소괄호를 닫고 =>를 추가하면 함수가 완성된다.
既存の関数と同様にarrow関数も変数に格納できる式です.
function aRrow() { };

let aRrow = () => { }; 위의 함수를 arrow function으로 변환시킨것
1つのパラメータは括弧を省略できますが、2つ以上は省略できません.
let aRrow = (name) => { };
let aRrow = name => { }; //  o

let aRrow2 = (name, name2 ) => { }; 
let aRrow2 = name, name2  => { }; // X
関数が実行されず、単純に戻る場合はreturnと{}を省略できます.
問題の例
functionに変換してください
const handleBio = (nickname, bio) =>  {
  const user = {
    nickname : nickname,
    bio : bio,
  }
   return user;
}
変換された値
function handleBio(nickname,bio){
  const user = {
    nickname : nickname,
    bio : bio,
    }
  return user;
}