アプリからのJavaScriptフラッシュカードのサンプル

App Store または Google Play から当社のアプリをダウンロードして、さらに多くの無料のフラッシュカードを入手するか、すべてのフラッシュカードにアクセスするために購読してください。

JavaScript

JavaScriptのレキシカルスコープとは何ですか？

JavaScriptにおけるレキシカルスコープは、変数の可視範囲がコード内の位置によって決定されるという原則です。これは、変数が定義されたブロック内、および任意のネストされたブロック内でアクセス可能であることを意味します。これにより、クロージャの作成や変数へのアクセス制御が可能になります。JavaScriptコードでのレキシカルスコープの使用例は次の通りです:

function outerFunction() {
  let outerVariable = `I'm outside!`;

  function innerFunction() {
    console.log(outerVariable); // Has access to the 'outerVariable'
  }

  innerFunction();
}
outerFunction(); // Displays `I'm outside!`

レキシカルスコープは、内部関数が外部関数で定義された変数にアクセスすることを可能にし、外部関数が終了した後もこれらの変数にアクセスできます。これはJavaScriptのクロージャを作成する際の重要な要素であり、アプリケーションのより柔軟な状態管理を可能にします。

JavaScript

ホイスティングとは何ですか？

ホイスティングは、JavaScriptの言語のメカニズムで、変数や関数がコードが実行される前にそのスコープの最上部に移動するというものです。実際には、これは宣言されていない関数や変数を使用することができるということを意味します。

ただし、変数と関数に対するホイスティングの動作は少し異なることに注意すべきです。

varキーワードで宣言された変数の場合、ホイスティングされるのは宣言のみで、初期化はホイスティングされません。宣言前に初期化された変数はundefinedとして返されます。

変数のためのホイスティングコードの例：

console.log(myVar); // undefined
var myVar = 5;
console.log(myVar); // 5

関数については、ホイスティングは関数の宣言と定義の両方を上部に移動し、宣言前に関数を使用できるようにします。

関数のためのホイスティングコードの例：

console.log(myFunction()); // "Hello World"

function myFunction() {
  return "Hello World";
}

ホイスティングはletとconstで宣言された変数には行われません。

JavaScript

アロー関数とは何で、その利点は何ですか？

矢印関数、別名矢印関数は、ECMAScript 6 (ES6)で導入された関数の一種です。矢印( => )を使用した特別な構文を定義するため、矢印関数と呼ばれます。

比較のために、伝統的な関数はこのように見えるかもしれません：

function sum(a, b) {
  return a + b;
}

その矢印関数としての同等物は以下のようです：

const sum = (a, b) => a + b;

矢印関数の主な利点は、自身の実行コンテキスト（thisへのバインディング）を作成しない点で、これはJavaScriptでのエラーのよくある原因です。矢印関数では、thisは周囲のコンテキストから継承されます。別の利点は、構文の簡潔さで、特に関数が他の関数に引数として使用される場合、例えば高階関数などに便利です。

一方、自身のthisが欠けているため、矢印関数はコンストラクタ（創造的な）オブジェクトの定義やプロトタイプオブジェクトのメソッドの作成には適していません。

JavaScript

Promiseオブジェクトとは何で、どのように使用しますか？

JavaScriptのPromiseオブジェクトは非同期操作を処理するために使用されます。Promiseは、Promiseが作成された時点では利用できないかもしれない値を表しますが、将来的には利用可能になるか、あるいは全く利用可能にならないかもしれません。

Promiseオブジェクトは次の3つの状態のいずれかになります：
1. Pending - 操作はまだ進行中で、成功もエラーも発生していません。
2. Fulfilled - 操作が成功し、Promiseは値を返しました。
3. Rejected - 操作がエラーで終了し、Promiseはエラーの理由を返しました。

満足したか、あるいは拒否されたPromiseは「決定」されたとみなされ、その状態は決して変わりません。

Promiseオブジェクトの作成：

const promise = new Promise((resolve, reject) => {
  const success = true;
  if (success) {
    resolve('Operation successful.');
  } else {
    reject('Operation failed.');
  }
});

Promiseオブジェクトの使用：

promise
  .then(result => {
    console.log(result); // Will print: 'Operation successful.'
  })
  .catch(error => {
    console.log(error);
  });

.then()メソッドはPromiseが満足されたときに、.catch()メソッドはそれが拒否されたときに実行されます。どちらのケースでも、操作の結果やPromiseの拒否の理由が引数として渡されます。

ダウンロード IT Flashcards 今すぐ

最高のフラッシュカードアプリでIT学習の旅を強化しましょう。プログラミングの基礎から高度な技術の習得まで、ITフラッシュカードはITの卓越性へのパスポートです。今すぐダウンロードして、今日の競争力のある技術世界での可能性を発見しましょう。

以下で入手

PLAY STORE

以下からダウンロード

APP STORE

JavaScript フラッシュカード

アプリからのJavaScriptフラッシュカードのサンプル

JavaScriptのレキシカルスコープとは何ですか？

ホイスティングとは何ですか？

アロー関数とは何で、その利点は何ですか？

Promiseオブジェクトとは何で、どのように使用しますか？

ダウンロード IT Flashcards 今すぐ