यह जावास्क्रिप्ट कीवर्ड - व्यवहार में संदर्भ को परिभाषित करना सीखता है

var f = function() { this.x = 5; (function() { this.x = 3; })(); console.log(this.x); }; var obj = {x: 4, m: function() { console.log(this.x); }}; f(); new f(); obj.m(); new obj.m(); f.call(f); obj.m.call(f); 

1. थ्योरी

1.1। साधारण फ़ंक्शन कॉल

 function f() { console.log(this === window); // true } f(); 

 (function () { console.log(this === window); // true })(); 

1.2। कंस्ट्रक्टर में

 function f() { this.x = 5; console.log(this === window); // false } var o = new f(); console.log(ox === 5); // true 

1.3। किसी वस्तु विधि में

 var o = { f: function() { return this; } } console.log(of() === o); // true 

 var o = { f: function() { return this; } } var o2 = {f: of}; console.log(of() === o);//true console.log(o2.f() === o2);//true 

1.4। लागू करें, कॉल के तरीके

 function f(a,b,c) { return a * b + c; } f.call(f, 1, 2, 3); //    ; var args = [1,2,3]; f.apply(f, args); // //     ; //      <b>f</b>   a = 1, b = 2, c = 3; 

 function f() { } f.call(window); // this   f     window f.call(f); //this  f    f 

 function f() { console.log(this.toString()); // 123 } f.call(123); // this   f     Number   123 

2. हम कार्य का विश्लेषण करते हैं

2.1। च ()

 var f = function() { //  f      - f(), //  this     this.x = 5; // window.x = 5; //   1.1  ,     this      (function() { this.x = 3; // window.x = 3 })(); console.log(this.x); // console.log(window.x) }; 

2.2। नया f ();

 var f = function() { //  f      new, //  this     (   object) this.x = 5; // object.x = 5; //   1.1  ,     this     (function() { this.x = 3; // window.x = 3 })(); console.log(this.x); // console.log(object.x) }; 

2.3। obj.m ();

 var obj = {x: 4, m: function() { //   1.3 ,  this === obj, console.log(this.x); // console.log(obj.x) } }; 

2.4। new obj.m ();

 var obj = {x: 4, m: function() { //   1.2 ,  this      //         this.x,   - undefined console.log(this.x); } }; 

2.5। f.call (f);

 var f = function() { //  f     call //    call    ( ) f,  //  this   f this.x = 5; // fx = 5; //   1.1  ,     this     (function() { this.x = 3; // window.x = 3 })(); console.log(this.x); // console.log(fx) }; 

2.6। obj.m.call (f);

 var obj = {x: 4, m: function() { //      call //     f //  this    f //    fx    5,   5 console.log(this.x); // console.log(fx) } }; 

 var f = function() { this.x = 5; (function() { this.x = 3; })(); console.log(this.x); }; var obj = {x: 4, m: function() { console.log(this.x); }}; obj.m.call(f); 

एक निष्कर्ष के बजाय