なるの備忘録スマートフォン用の表示で見るなるの備忘録エンジニアリングそして営業ができるエンジニアに向けて、日々学んだことをアウトプットしていきます。この広告は、90日以上更新していないブログに表示しています。2019-04-16基本的なクロージャの実践例の「モジュールパターン」は何が起きているの?なんとなくクロージャーは分かったけど...「JavaScriptのスコープの概念」や「クロージャーのメリット」は理解したけど、いまいち典型的なクロージャーのコードで何が起きているか分からなかったので調べてみました。undefinedだいたいこのあたりがよく分からないポイントだと思います。要点1:クロージャーは即時関数を使って記載されている典型的なクロージャーのコードは即時関数というものを使って記載されています。即時関数は、関数を定義すると同時に実行するための構文。//3つまり「変数module」に、関数を定義したと同時にその「関数を実行した結果」が入っていることが分かります。ここでいう「関数を実行した結果」とは「returnの中身」ですね。「console.log(module);」を実施すると「increment」と「show」という関数が入っているのが分かると思います。undefined開発ツールで見てみるとincrementとshowという関数が確かに入っていますね。これで「分からないポイント1」と「分からないポイント3」は理解できたと思います。要点2:JavaScriptで扱うものはすべてオブジェクトかオブジェクトのように使えるJavaScriptで扱うものはすべてオブジェクトかオブジェクトのように使えます。オブジェクトにはプロパティとメソッドがあります。上記のtestHumanオブジェクトのsayHelloメソッド作成と同様の方法で、moduleオブジェクトのincrementメソッドとshowメソッドを作成していることが分かります。」を実施していることが分かります。これで「分からないポイント2」と「分からないポイント4」は理解できたと思います。月別アーカイブはてなブログをはじめよう!narunaru7638さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。