猫型iPS細胞研究所

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== アロー関数 ======

===== 基本構文 =====


<code>
//基本
let getPlusValue = (a, b) => {
   return a + b
}
</code>
<code>
//中身が1文なら中括弧{}を省略できる
let getPlusValue = (a, b) => return a + b
</code>
<code>//引数がひとつなら、丸括弧()を省略できる
let getPlusValue = a => return a 
</code>
<code>
//引数がなければ括弧は必要
let getPlusValue = () => return 9 
</code>

===== ES6以前との比較 =====

<code>
//ES6以前
let doFunc = function(x){
    console.log(x)
}
</code>
<code>
//アロー関数を使った書き方…functionがない
let doFunc = (x) => {
    console.log(x)
}
</code>

===== thisについて =====

ES6以前の書き方の中にあるthisは、コードを記述した時点はthisはきまらず、呼び出されたオブジェクトになった。

アロー関すではコードを記述した時点で、thisを定義したコンテキストとする。

[[https://qiita.com/mejileben/items/69e5facdb60781927929|【JavaScript】アロー関数式を学ぶついでにthisも復習する話]]

[[https://qiita.com/may88seiji/items/4a49c7c78b55d75d693b|JavaScript アロー関数を説明するよ]]


===== サンプル =====
<code>
  async getAsyncStorage(name) {
    const value = await AsyncStorage.getItem(name)
    return value
  }


  getAsyncStorage = async(name)=>{
    const value = await AsyncStorage.getItem(name)
    return value
  }
</code>

===== argumentsオブジェクトを持たない =====
アロー関数内部ではargumentsオブジェクトにアクセスすることができない。
<code>
var fn1 = function (param) {console.log(arguments[0]);};
fn1('hoge'); // hoge
 
var fn2 = (param) => {console.log(arguments[0])};
fn2('fuga'); // Error: arguments is not defined
</code>

猫型iPS細胞研究所

ユーザ用ツール

サイト用ツール

ページ用ツール