javascriptよく使用する関数の定義方法と、各定義方法での違いについてまとめました。アロー関数(ES2015)以下では、単純に足し算を行う関数を、それぞれの方法で定義しています。function関数お馴染みの書き方です。匿名関数(無名関数)こちらもお馴染みの書き方です。アロー関数こちらは、ES2015(ES6)で追加された記法です。最近のブラウザは対応しているみたいです。table)ただ、古いブラウザは対応していないものもあるので、使用する際には実行環境を確認した方がいいかもしれません。アロー関数では、次のルールで、引数の括弧と、処理の括弧を省略することができます。引数が1つの場合、引数を括る括弧を省略できます。(但し、引数がない場合は、省略できません)処理が1文の場合、処理の括る括弧を省略できます。(上記の例がこちらになります)引数が1つの場合は、以下のように記述することができます。showMsg('メッセージを表示します。console.log(msg);showMsg('メッセージを表示します。評価されるタイミングが異なります。コンパイルするタイミングで関数が評価・登録されます。・匿名関数は、実行時に関数が評価されます。これだけだと分かりにくいですね。function関数では、次のように関数の定義前に、使用してもエラーにはなりません。b;}これは、コンパイル時点でadd関数が評価・登録されるためです。匿名関数は、実行時に関数が評価されるため、次のように関数定義前に使用するとエラーになります。まとめfunction関数、匿名関数、アロー関数についてまとめました。function関数と匿名関数については、古いブラウザにも対応しているので、実行環境を気にせず使用できます。匿名関数については、関数を使用する場所と、関数定義する場所に気をつける必要があります。アロー関数については、古いブラウザでは対応していないものもあるので、実行環境を考慮する必要があります。【JavaScript入門】クラスの定義方法(ES2015より前)ES2015のclassが使えない環境での、JavaScriptでのクラスの定義方法をまとめました。記事を読む【JavaScript入門】delete演算子の使い方javascriptのdelete演算子の使い方について記載しています。それぞれの方法で、処理時間を計測してみました。方が早い結果になりました。記事を読む【JavaScript入門】Liveなオブジェクトのlengthとのつきあい方JavaScriptのLive(動的)なオブジェクトのlengthプロパティについての注意点(つきあい方)について記載しています。getAttribute)JavaScriptでの属性の値の設定・取得方法について記載しています。プライベートメンバ(ES2015より前)ES2015のclassが使えない環境での、JavaScriptでのクラスの定義方法をまとめました。今回は、プライベートメンバの定義方法について記載します。記事を読む【JavaScript入門】多くの要素を高速に描画する(DocumentFragment)JavaScriptのDocumentFragmentを使って高速に要素を追加・描画する方法について記載しています。記事を読む【JavaScript入門】非StrictとStrictモードでのthisの振る舞いstrictとstrictモードでのthisの振る舞い(オートボクシング)について記載しています。記事を読む【JavaScript入門】要素を追加する方法のまとめJavaScriptで、要素の追加方法についてまとめました。指定した要素の前後への追加、親要素の最初の子要素、親要素の最後の子要素として追加する方法について記載しています。記事を読む【JavaScript入門】Liveなオブジェクトと非Liveなオブジェクトの違いJavaScriptのLive(動的)、非Live(静的)なオブジェクトの振る舞いについて記載しています。コメントをキャンセルメールアドレスが公開されることはありません。