JavaScript のスコープ

皆さんこんにちは、私のブログへようこそ

私はスワルネンドゥです。このブログでは、JavaScript における Scoping の概念について説明します。

JavaScript は最も興味深い言語の 1 つであり、Scoping の場合にいくつかの興味深いことを行います。 Javascript のスコープをマスターすると、よりバグのないコードを作成できるようになります。この記事では引き続き、JavaScript のスコープについて詳しく説明していきます。

スコープとは何ですか??
スコープは Javascript の概念で、値と式にアクセスできる現在の実行コンテキストを指します。簡単に言うと、スコープは、コード内で変数や関数がアクセスまたは参照できる場所を決定します。

これらの技術的な定義が理解できなくても心配する必要はありません。この記事では、理解を深めるために実際の実践的な例を全体を通して示します。

スコープには主に 2 つのタイプがあります - 1. グローバル スコープ
2. ローカルスコープ

ローカル スコープには、ブロック スコープと機能スコープの 2 種類があります。

あなたが友人の結婚式イベントを主催していると想像してください。装飾、招待状、ケータリングなど、さまざまな作業を管理する必要があります。これらの作業/タスクにはそれぞれ、実行する必要がある特定の事柄があります。
明らかに、これらのタスクを互いに干渉したくないでしょう。そこで、JavaScript のスコープの概念を使用してこの問題を解決します。

グローバルスコープ:

グローバル スコープは結婚式イベントのメイン オーガナイザーのようなものです。この場合、あなたは装飾、招待状、ケータリングなどのすべてのタスク (変数) にアクセスできるグローバル スコープであり、すべての部分を表示および制御できます。イベントの様子。

関数/ブロックの外部で宣言された変数がグローバル スコープ内にある場合。これらのグローバル変数には、コード内のどこからでもアクセスできます。

`var globalVariable = "私はグローバル変数です";

関数 func() {
console.log(globalVariable);

}

関数(); // 「私はグローバル変数です」
console.log(グローバル変数); // ここからもアクセス可能
`
上記の例では、globalVariable がコードのグローバル スコープで宣言されているため、このコード内のどこからでもアクセスできます。

ローカルスコープ:

関数またはブロック内で宣言された変数がローカル スコープにある場合。これらの変数は、関数またはブロック内でのみアクセスできます。

今、あなたの友人の結婚式では、すべてのタスクにタスクマネージャーが必要です。ケータリングの場合は、ケータリングマネージャー、同様に装飾マネージャー、招待マネージャーがいます。各マネージャーは独立して働き、他のマネージャーに干渉しません。

A.機能範囲:

Var: 関数内で var を使用するときはいつでも、ブロック内で閉じられているかどうかに関係なく、外部関数を使用すると、変数は関数スコープを取得します。

`関数 func() {
var localVariable = "ローカル変数から来ました";
console.log(ローカル変数); // ここで localVariable にアクセスできます
}

関数();
console.log(ローカル変数); //エラーを表示: localVariable が定義されていません
`
上記の例では、ケータリング マネージャーがケータリングにのみ関連するメニュー項目 (変数) のリストを持っていると想像できます。同様に、関数内で宣言された変数は、その関数にのみ関連します (アクセス可能であることを意味します)。

B.ブロック範囲:

Let: let で変数を初期化すると、常にそれを囲んでいるブロックのスコープが取得されます。 「let」も再宣言を許可しません。

Const: 'let' に似ていますが、新しい値を変数に再代入することはできません ('let' では可能です)。

`関数 func() {
if (true) {
let blockVariable = "私はブロックスコープ変数から来ています";
console.log(ブロック変数); // ここで blockVariable にアクセスできます
}
console.log(blockVar); // エラー: blockVariable が定義されていません
}

関数();
`
ここで、blockVariable は「let」で宣言されているため、if ブロック内でのみアクセスできます。

上記の例では、ケータリングの仕事の中に、「デザートの準備」や「チキンの準備」などの小さなタスクがある可能性があります。ケータリングマネージャーがスパイス/デザートのリスト(ブロック内の変数)を書き留める場合、それはチキン/デザートを準備するときにのみ関連/有用であり、タスクが終了すると片付けられます。

要約すると、JavaScript の Socpe は変数にアクセスできる場所を制御するものであり、同様に、友人の結婚式でのタスクを管理することになります。

JavaScript の範囲と let と var の主な違いを理解していただければ幸いです。よろしければ、今後の Javascript ブログをフォローして、私の文章で改善すべき点を褒めていただけます。

ありがとうございます?.

以上がJavaScript のスコープの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。