js変数とそのscope_javascriptスキルの詳細な説明

1. 変数の型
Javascript は Java や C などの言語とは異なり、型付けがなく検出が弱い言語です。変数の定義には変数の型を宣言する必要はありません。代入を通じてさまざまな型のデータを同じ変数に割り当てることができます。例:

コードをコピー コードは次のとおりです:

i=100;//数値型
i="variable";//文字列型
i={x:4};//オブジェクト型
i=[1,2,3];//配列型

JS のこの機能によりコーディングがより柔軟になりますが、コンパイラーの検出が弱いため、長いコードを維持するのが非常に困難になるという欠点もあります。
2. 変数宣言
JS における変数宣言は、明示的宣言と暗黙的宣言に分かれます。
var i=100;//明示的な宣言
i=100;//暗黙的な宣言
関数内で var キーワードを使用して明示的に宣言された変数はローカル変数として使用され、役に立ちません var キーワードはグローバル変数を宣言します直接割り当てを使用します。
宣言されていない変数にアクセスすると、JS はエラーを報告します。宣言されていない変数に値を代入すると、JS はエラーを報告しません。逆に、暗黙的にグローバル変数を宣言したいと考えるため、注意が必要です。
3. グローバル変数とローカル変数
JS パーサーが実行されると、まず実行環境でグローバル オブジェクトが構築されます。これは、オブジェクトのプロパティです。 、トップレベルのコードでは、 this キーワードと window オブジェクトを使用してアクセスできます。関数本体内のローカル変数は、関数の実行時に生成される呼び出しオブジェクト内にのみ存在します。ローカル変数は、関数が実行されるとすぐに破棄されます。したがって、プログラミングでは、変数を合理的に宣言する方法を考慮する必要があります。これにより、不要なメモリのオーバーヘッドが削減されるだけでなく、変数の繰り返し定義や以前に定義された変数の上書きによって引き起こされるデバッグの問題が大幅に回避されます。
4. 変数のスコープ
変数のスコープは、どのプログラミング言語においても重要な詳細です。 JS の変数のスコープは JAVA や C などの言語に比べて比較的自由です。大きな特徴は、JS 変数にはブロックレベルのスコープが存在しないことです。関数内の変数は Run 関数全体で有効です。次のコード:

コードをコピー コードは次のとおりです:

上記の JS 機能により、注意が必要な別の重要な問題があります。 ActionScript は以前にも使用されましたが、ActionScript と JS はどちらも ECMA 標準に基づいていますが、ここでは少し異なります。たとえば、次のコード:

コードをコピー コードは次のとおりです。

//出力関数を定義します
function outPut(s){
document.writeln(s)
}
/ /グローバル変数
var i=0;
//外部関数を定義
function inner(){
//グローバル変数にアクセス
outPut(i); /クラス関数を定義します
function inner(){
outPut(i); //undefiend
var i=1; //1
}
inner();
outPut(i); //0
}
outer();


出力結果は 0 0 1 0 だと思われるかもしれません。実際、AS では実際にそうなりますが、JS での入力は 0 未定義 1 0 です。なぜこれが起こるのでしょうか? JS 関数本体で宣言されたローカル変数は関数全体で有効であると述べましたが、実際には、明示的に宣言された変数 i は内部関数で有効になります。暗黙的に宣言された変数とは異なり、解釈時にグローバル変数として定義されますが、この時点ではローカル変数 i は初期化されていません。 、未定義変数の代わりに、未定義が出力されます。上記のコードは次のコードと同等です:

コードをコピー コードは次のとおりです:

function inner( ){
var i; //定義しますが、割り当てません
i=1; //1
上記の問題を回避するには、関数の先頭で関数宣言を行うことを強くお勧めします。

5. 基本型と参照型

JS は JAVA や C などの言語と異なり、変数宣言時に変数の格納領域を宣言する必要がありません。変数に格納されるデータは、基本型と参照型の 2 つのカテゴリに分類できます。このうち、数値、ブール値、null、未定義は基本型であり、オブジェクト、配列、関数は参照型です。
基本型はメモリ内に固定メモリ サイズを持ちます。例: 数値型はメモリ内で 8 バイトを占有しますが、ブール値は 1 バイトのみを占有します。参照データの場合、任意の長さを指定できるため、メモリ サイズは可変です。そのため、変数に格納されるのは実際にはデータへの参照 (通常はメモリ アドレスまたはポインタ) であり、これを通じてデータを見つけることができます。
参照型と基本型の間では使用動作にも違いがあります。


コードをコピー

コードは次のとおりです。 🎜> //出力関数を定義しますfunction outPut(s){ document.writeln( s)

}

var a = 3;
var b = a;
//3
outPut(a); ;
//4
outPut(b);
//3


基本型 b に値を代入する場合、実際にはメモリ空間が解放されるため、変数 a の値を変更しても変数 b には影響しません。




コードをコピー

コードは次のとおりです:

outPut(b_array) //1,2,3

a_array[3] = 4; 3,4



上記は参照型の変数割り当てですが、実際に渡されるのはメモリ アドレスへの参照なので、a_array と b_array へのアクセスになります。実際には両方とも、操作されるのは同じメモリ領域です。参照変数を保存するためにメモリ領域を再割り当てする場合は、クローン作成メソッドまたはカスタム メソッドを使用して参照変数のデータをコピーする必要があります。


JS 変数スコープ

コードをコピー


コードは次のとおりです。

fun(); >

var は、初めて a が出力される前に、JS がコンパイル前分析で を変更に割り当てているため、最初の Change は次のようになります。 fun() 関数が初めて呼び出されるとき、JS は新しいスコープを作成して出力します。そのため、fun() の最初の出力は未定義になります。 2 番目の出力には値が割り当てられているため、次のような新しい値が出力されます。







コードは次のとおりです。