JavaScriptの変数の範囲に関連する問題

Question

私のコードで出力として「2」を与えたいが、出力として「1」が表示される。 正しい結果が得られるように、コード内でどのような変更を行う必要があるか教えてください。

var a = 1; 

function x() { 
    var a = 2; 

    function b() { 
    var self = this; 
    console.log(self.a); 
    } 

    b(); 
} 

x(); 

Answer 1

グローバル変数はそうself.aあなたは1selfがwindowあるので与え、windowオブジェクトのプロパティです。 （さらに読む：How does the “this” keyword work?）。

ローカル変数は、どのオブジェクトのプロパティでもありません。あたかもオブジェクトのプロパティであるかのようにアクセスすることはできません。 aを記録し、self.aを記録しないでください。

Answer 2

これを試してみてください：

var a = 1; 
 
function x() { 
 
    a = 2; 
 
    function b() { 
 
    var self = this; 
 
    console.log(self.a); 
 
    } 
 
    b(); 
 
} 
 
x();

Answer 3

がブラウザコンソールに "2" を印刷し、次のコードを試してみてください。ここでは、関数xをオブジェクトに変更しました。この中では、プロパティとして "a"を、関数として "b"を追加しました。最後にb（）関数を "x.b（）"として呼び出します。

var a = 1; 

var x= 
{ 
    a :2, 

    b: function() 
    { 
     var self = this; 
     console.log(self.a); 
    } 


} 

x.b();