Javascript var 変数の暗黙的な宣言メソッド_JavaScript のヒント-jsチュートリアル-php.cn

Javascript var 変数の暗黙的な宣言メソッド_JavaScript のヒント

WBOY

リリース： 2016-05-16 18:44:20

オリジナル

1551 人が閲覧しました

など。たとえば、コードの特定の行で、宣言された変数 x を使用したいとします。その結果、入力またはスペルミスにより、変数は y と等価になります。実際のプログラミングプロセスでは、この種のエラーを見つけるのが難しい場合があります。
加えて、今日、同僚の紹介で、この「暗黙の宣言」の別の問題点を知りました。
現在のコンテキストでこの「暗黙的」宣言を行うと、JavaScript エンジンはまず現在のコンテキストを調べて、この変数が以前に宣言されているかどうかを確認し、そうでない場合は、前のコンテキストに移動して検索します。見つからなかったので、最終的にウィンドウ上でこの変数を宣言します。
例:

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

 
 y。 = "こんにちは" ; 
関数 func(){ 
y = "ああ、いいえ!!!" 
関数(); // #=> display "OH, NO!!!" 

 
コンテキスト内のいずれかのレイヤーにそのような「暗黙的に」定義された変数がある場合、新しい変数を生成する代わりに、そのレイヤー内の変数が変更されます。ウィンドウ上の変数。 (この種のバグは、特により複雑なコードをカプセル化する場合に非常に厄介です) 

例:

コードをコピーコード以下のように:

var x = "window.x";

function a() { 
var x = "a's x"; 
var b = function() { 
var c = function() { 
// var! 
x = "c の x:"; 
alert("before c run,the b.x:" x); ; 
c(); 
alert("c の実行後、b.x:" x); 
alert("a.x は:" x); 
alert("b 関数の実行後、a.x は:" x); 
alert("実行前、window.x:" x); 🎜 >alert("after a run, window.x:" x); 

 
次の層があります: window、func a、func b、func c は常に階層的に入れ子になっています。 window->a->b->c 
window と a の両方に変数が定義されています 変数の値。 
JavaScript で変数を宣言するときは、その前に var を追加する必要があることに注意してください。