scope

[1/1]

  1. クロージャと匿名関数:より効率的でエレガントなコードを書くためのヒント
    JavaScriptにおけるクロージャと匿名関数は、どちらも強力な機能ですが、微妙な違いがあります。 この記事では、それぞれの概念を明確にし、比較することで、それぞれの長所と短所を理解し、適切な場面で使い分けることができるようにします。匿名関数は、名前を持たない関数です。 関数リテラル構文 function () { /* 関数本体 */ } を用いて定義されます。 匿名関数は、引数や戻り値を持つことができ、他の関数と同じように使用できます。
  2. 【グローバルスコープ汚染撲滅!】JavaScriptでIIFEを使ってスマートなコーディングを実現しよう
    グローバルスコープの汚染を防ぐJavaScript では、変数や関数は宣言されたスコープ内で有効となります。グローバルスコープは、プログラム全体でアクセスできる変数や関数を格納するスコープです。IIFE を使用すると、コードを匿名関数内に格納することで、グローバルスコープに宣言される変数や関数の数を削減できます。
  3. 「export default const」の意外な落とし穴! モジュール開発のベストプラクティス
    デフォルトエクスポートは、モジュール内で1つだけ定義でき、特別な構文 export default を用いて宣言します。一方、名前付きエクスポートは、複数の要素をエクスポートするために export キーワードと変数名を組み合わせて宣言します。
  4. 【超便利】ライブラリで「this」を楽々操作!Underscore、Lo-Dash、Ramda徹底解説
    JavaScriptにおいて、「this」キーワードは、現在実行されているコードブロック内のオブジェクトを参照します。しかし、関数内から別の関数に「this」コンテキストを渡す場合、意図したオブジェクトが渡されないことがあります。この問題を解決するには、以下の3つの方法があります。
  5. 【保存版】JavaScriptのPromiseチェーン:前処理結果の参照テクニック集
    最も基本的な方法は、変数を使用して結果を保存することです。以下のコード例をご覧ください。このコードでは、promise1()の処理結果はdata1変数に保存され、promise2()の引数として渡されます。promise2()はdata1を利用して処理を実行し、結果をdata2に出力します。
  6. JavaScript の深奥に迫る! this の参照と var self = this; のテクニック
    JavaScriptで「var self = this;」を使用する場面はいくつかあります。主に、スコープの問題を解決するために使用されます。本解説では、以下の内容を説明します。スコープとは「this」の挙動「var self = this;」を使用する理由
  7. JavaScriptの「let」と「var」を使いこなして、コードをもっと読みやすく!
    var: 関数スコープを持ちます。つまり、関数内で宣言された変数は、その関数内でのみアクセス可能です。let: ブロックスコープを持ちます。つまり、ブロック内(if文やforループなど)で宣言された変数は、そのブロック内でのみアクセス可能です。
  8. Angular 2 で setTimeout 内で 'this' を使用する
    この問題を解決するには、以下の2つの方法があります。ES6 のアロー関数を使用すると、this の参照を現在のコンテキストに固定することができます。以下の例のように、setTimeout 内で this を使用する場合、アロー関数を使用する必要があります。