JavaScript での変数の検索

ご存知のとおり、JavaScript変数はスコープ チェーンに従って検索されます (スコープとスコープ チェーンに関する関連知識については、私の別の記事「JavaScript スコープ チェーンに基づくパフォーマンス チューニング」を参照してください)。単純な代入演算ですが、等号の左側と右側の変数の検索方法は同じですか?簡単な例から始めましょう~

console.log(a);   // undefined
var a = 3;
console.log(a);   // 3

console.log(b);  // ReferenceError
b = 4;
console.log(b);  //4

1. LHS (left-左手側の左検索) と RHS (right-右手側の右検索)

概念は次のとおりです:

• LHS クエリ : 値を割り当てることができるように変数コンテナ自体を検索しようとします

• RHS クエリ: 代入ステートメントの変数

の値を検索します var a = b; code> など。通常の print ステートメント <code>console.log(a) の場合、LHS クエリは等号の左側で実行され、RHS クエリは等号の右側で実行されます。 code> の場合、検索変数 <code>a は RHS Inquire に属します。 var a = b;，等号左侧进行LHS查询，等号右侧进行RHS查询；如果是一个普通的打印语句console.log(a)，那么，查找变量a属于RHS查询。

两者的相同之处：都遵循作用域链查找。

2. LHS和RHS查询区别

(1) LHS查询
当JavaScript引擎执行LHS查询时，如果在顶层作用域中无法找到目标变量，那么，就会在全局作用域中创建一个具有该名称的变量，并将其返回给引擎（非严格模式下）。

要注意，这种方式创建的全局变量，严格上来讲并不是真正的变量，而是全局对象的属性，可以通过<a href="http://www.php.cn/wiki/1298.html" target="_blank">delete</a>操作符将其删除。但是，用var声明的全局变量，是不可以用delete操作符删除的。

参考文章首部的例子：

b = 4;
console.log(b);  // 4
delete b;
console.log(window.b); // undefined

程序中并没有声明变量b，但是由于LHS查询会自动创建未找到的目标变量，所以，打印b返回4。然后删除b，可删除成功。

如果是严格模式：

"use strict";
b = 4;
console.log(b);

这时LHS查询将无法自动创建未声明的目标变量，所以，打印b时抛出异常：Uncaught ReferenceError: b is not defined。

(2) RHS查询
当JavaScript引擎执行RHS查询时，如果在作用域链中都无法找到目标变量，那么，引擎会抛出ReferenceError异常。

参考文章首部的例子：

console.log(b);  
b = 4;

RHS查询变量b，在全局作用域中未曾找到该变量定义，于是，引擎抛出异常Uncaught ReferenceError: b is not defined

3. 小贴士

(1) 变量提升
概念：用var声明的变量，总是会被JavaScript解释器悄悄地“提升”到方法体的最顶部。

参考文首的例子：

console.log(a); 
var a = 3;

JavaScript引擎会将其解析为：

var a = undefined;
console.log(a); 
a = 3;

所以，第一次打印a时会返回undefined。

(2) ReferenceError和TypeError
ReferenceError代表作用域判别失败，也就是作用域内查询变量失败。
TypeError代表作用域判别成功，但是对结果的操作是非法或者不合理的。

例如：

foo();
var foo = function () {
     console.log('a');
}

执行foo()语句时，首先RHS查找，在全局作用域中找到foo变量，值为undefined（变量提升）。
然后以函数执行方式操作foo变量，很明显，undefined并不是一个合法函数，于是引擎抛出异常：Uncaught TypeError: foo is not a function

2 つの類似点: どちらもスコープ チェーン検索に従います。 🎜🎜2. LHS クエリと RHS クエリの違い🎜🎜(1) LHS クエリ
JavaScript エンジンが LHS クエリを実行するとき、トップレベルのスコープでターゲット変数が見つからない場合は、LHS クエリを作成します。グローバル スコープ内でその名前を持つ変数をエンジンに返します (非厳密モードで)。 🎜🎜この方法で作成されたグローバル変数は、厳密に言えば実際の変数ではなく、グローバルなオブジェクト 🎜 の属性 🎜 を <a href="http://www%20.php%5D%20%E3%81%AB%E6%B8%A1%E3%81%99%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82%20.cn/wiki/1298.html" target="_blank">削除🎜</a> 演算子 🎜 🎜 を削除します。ただし、var で宣言されたグローバル変数は、delete 演算子を使用して削除できません。 🎜🎜記事の冒頭の例を参照してください: 🎜rrreee🎜変数 b はプログラム内で宣言されていませんが、LHS クエリは見つからないターゲット変数を自動的に作成するため、 を出力しますb 4 を返します。次に b を削除すると、削除は成功します。 🎜🎜厳密モードの場合: 🎜rrreee🎜現時点では、LHS クエリは未宣言のターゲット変数を自動的に作成できないため、印刷時に b 例外をスローします 🎜: Uncaught ReferenceError: b が定義されていません。 🎜🎜(2) RHS クエリ
JavaScript エンジンが RHS クエリを実行するとき、ターゲット変数がスコープ チェーン内に見つからない場合、エンジンは ReferenceError 例外をスローします。 🎜🎜記事の冒頭の例を参照してください: 🎜rrreee🎜RHS クエリ変数 b、変数定義がグローバル スコープで見つからなかったため、エンジンは例外 Uncaught ReferenceError をスローしました: b は定義されていません 🎜🎜3. ヒント🎜🎜(1) 変数の昇格
概念: var で宣言された変数は、JavaScript インタプリタによって常に静かにメソッド本体の先頭に「昇格」されます。 🎜🎜記事の冒頭の例を参照してください: 🎜rrreee🎜 JavaScript エンジンは次のように解析します: 🎜rrreee🎜 したがって、a を初めて印刷するとき、unknown code> が返されます。 🎜🎜(2) ReferenceError と TypeError<br>ReferenceError は、スコープの決定の失敗、つまりスコープ内の変数のクエリの失敗を表します。 <br>TypeError は、スコープの決定は成功しましたが、結果に対する操作が不正または不当であることを意味します。 🎜🎜例: 🎜rrreee🎜 <code>foo() ステートメントを実行すると、最初の RHS 検索によりグローバル スコープで foo 変数が見つかり、その値は unknown です (変数プロモーション)。
次に、関数 🎜 実行モードで foo 変数を操作します。明らかに、unknown は正当な関数ではないため、エンジンは例外 Uncaught TypeError: foo is not a function をスローし、実行は失敗します。 🎜

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