JavaScript解析メカニズムの変数アップ
6973 ワード
1、何が事前解析ですか?
現在の役割領域では、JSが実行される前に、varとfunctionのキーワードを持っている事前に声明を出してメモリに配置します.(このプロセスは変数アップとしても理解できます.)JS文を上から下まで実行します.(事前解析はvarによって定義された変数とfunctionだけで発生します.)
2、var宣言の変数
var宣言を使用した変数の事前解析:この名前が存在することを解析器に教え、デフォルトではこの変数の割り当て値はundefinedで、以下の通りです.
なお、変数宣言がvarを使用していない場合は、変数のアップグレードは存在しません.以下のとおりです
3、functin声明の関数
Function宣言関数を使用した事前解析:まず、解析器という関数名の存在を教えてください.そして、解析器という関数名の関数体は何かを教えています.以下の通りです.
宣言関数は関数全体を一番前に上げますので、ブラウザで結果は関数全体を出力します.結果は以下の通りです.
関数のスコープで変数を宣言すると、関数のスコープの一番上にも下記のようになります.
関数のパラメータは、関数のスコープの変数としても理解できます.
4、関数優先
変数宣言と関数宣言は共に向上されます.同じスコープで宣言された二つの同じ変数または同じ関数の場合、次のように上書きされます.
ただし、詳細については、ステートメントの変数が関数名と同じ場合、どのように上書きされますか?次の例が見られます.
なお、変数fが定義されていないと関数fは上書きされません.
以上の知識を身につけて、次の例を見ます.
その後xは2に割り当てられ、第2の出力xは2になる.
最初の関数xは前に引き上げられましたので、3番目の出力xはまだ2です.
その後xの値は3であるため、第4、第5の出力xの結果は3である.最後にxを呼び出します.xは数値タイプですので、エラーxは関数ではありません.
私のブログもテンセントクラウド+コミュニティに同期して、皆さんを誘って一緒に入ります.https://cloud.tencent.com/developer/support-plan?invite_code=e 1 ebv 5 s 48 l 8 j
現在の役割領域では、JSが実行される前に、varとfunctionのキーワードを持っている事前に声明を出してメモリに配置します.(このプロセスは変数アップとしても理解できます.)JS文を上から下まで実行します.(事前解析はvarによって定義された変数とfunctionだけで発生します.)
2、var宣言の変数
var宣言を使用した変数の事前解析:この名前が存在することを解析器に教え、デフォルトではこの変数の割り当て値はundefinedで、以下の通りです.
console.log(x); //undefined
var x = 5;
変数xはconsolone.logの後に定義されていますが、varで説明されたxはメモリに保存され、undefinedに値を与えてからJS文を上から下へ実行します.その実行順序は以下の構成に似ています.var x;
console.log(x); //undefined
x = 5;
先にxを宣言しましたが、xは定義されていませんので、undefinedとなります.出力の結果は自然にundefinedとなります.その後、xに5を割り当てます.なお、変数宣言がvarを使用していない場合は、変数のアップグレードは存在しません.以下のとおりです
console.log(x); //error: x is not defined
x = 5;
xはvar声明を使用していないので、エラーを報告してもxが見つかりません.3、functin声明の関数
Function宣言関数を使用した事前解析:まず、解析器という関数名の存在を教えてください.そして、解析器という関数名の関数体は何かを教えています.以下の通りです.
console.log(f);
function f() {
console.log("123");
}
宣言関数は関数全体を一番前に上げますので、ブラウザで結果は関数全体を出力します.結果は以下の通りです.
function f() {
console.log("123");
}
関数のスコープで変数を宣言すると、関数のスコープの一番上にも下記のようになります.
var x = 5;
function f() {
console.log(x); // undefined
var x = 2;
}
f();
以上の大域作用領域は変数xを宣言していますが、関数にも変数xが宣言されていますので、先に関数の中に変数xがあるかどうか調べます.あれば大域的に調べられません.関数内の変数xは関数のスコープの先頭に引き上げられ、値はundefinedであるため、出力結果はundefinedとなり、以下のような構造になります.var x = 5;
function f() {
var x;
console.log(x); // undefined
x = 2;
}
f();
関数のパラメータは、関数のスコープの変数としても理解できます.
var x = 5;
function f(x) {
console.log(x); // undefined
}
f();
console.log(x); // 5
関数fに1つのモダリティxを渡すと、関数は呼び出し時に実パラメータを渡さないため、undefinedとなります.大域でxを出力すると、自然に大域で変数xを検索します.結果は5です.4、関数優先
変数宣言と関数宣言は共に向上されます.同じスコープで宣言された二つの同じ変数または同じ関数の場合、次のように上書きされます.
var x = 5;
var x = 10;
console.log(x); // 10
function f() {
console.log("xx");
}
function f() {
console.log("yy");
}
f(); // yy
ただし、詳細については、ステートメントの変数が関数名と同じ場合、どのように上書きされますか?次の例が見られます.
var f = 5;
function f() {
console.log("xx");
}
f(); // error: f is not a function
JavaScriptでは、関数の前解析優先度は変数の前解析より高いです.関数がどの位置にあるかにかかわらず、関数全体を一番前に上げるのが望ましい.したがって、上記の例では、関数fは変数fの下で定義されていますが、事前解析の際に関数fを解析してから変数fを解析し、後の変数fは前の関数fを上書きし、最後のfは5を数値タイプとしていますので、fタイムズを呼び出すのは間違いです.fは一つの函数ではありません.なお、変数fが定義されていないと関数fは上書きされません.
var f;
function f() {
console.log("xx");
}
f(); // xx
したがって、関数の昇格は変数の昇格より優先され、関数の昇格はスコープの上部に関数全体を移します.変数の昇格は宣言をスコープの上部に移動するだけです.以上の知識を身につけて、次の例を見ます.
console.log(x); // function x() {console.log(5);}
var x = 2;
console.log(x); // 2
function x() {
console.log(3);
}
console.log(x); // 2
var x = 3;
console.log(x); // 3
function x() {
console.log(5);
}
console.log(x); // 3
x(); // error: x is not a function
以上の例では、2つの関数xが優先的に向上しているため、第2の関数xは第1の関数xをカバーし、次いで2つの変数xが上昇し、変数xが上昇した後にundefinedとなるため、第2の関数は上書きされておらず、第1の出力xは第2の関数function x(){consolie.logd(5);}である.その後xは2に割り当てられ、第2の出力xは2になる.
最初の関数xは前に引き上げられましたので、3番目の出力xはまだ2です.
その後xの値は3であるため、第4、第5の出力xの結果は3である.最後にxを呼び出します.xは数値タイプですので、エラーxは関数ではありません.
私のブログもテンセントクラウド+コミュニティに同期して、皆さんを誘って一緒に入ります.https://cloud.tencent.com/developer/support-plan?invite_code=e 1 ebv 5 s 48 l 8 j