# Understanding the this Keyword in JavaScript

Chapter: JavaScript mein `this` ko Samajhna (Hinglish Guide)

JavaScript mein `this` ek aisa concept hai jo beginners ko thoda confusing lagta hai. Reason simple hai — `this` ka value fixed nahi hota. Yeh depend karta hai ki function **kaun call kar raha hai**.

Chalo isko simple parts mein samajhte hain.

1\. `this` kya represent karta hai?

Simple language mein:

👉 `this` ka matlab hota hai **“abhi function ko kaun call kar raha hai”**

Na ki:

*   function kahan likha hai
    
*   ya function ka naam kya hai
    

2\. Global Context mein `this`

Jab `this` kisi function ya object ke bahar use hota hai, to woh global object ko point karta hai.

Browser mein:

```javascript
console.log(this);
```

➡️ Output: `window`

### Node.js mein:

➡️ Output: `{}` (module scope mein)

👉 Simple rule:  
Global level pe `this` = global environment

3\. Object ke andar `this`

Jab `this` object ke method ke andar use hota hai, to woh **us object ko refer karta hai**

```javascript
const user = {
  name: "Rahul",
  greet: function () {
    console.log(this.name);
  }
};

user.greet();
```

Output:

```plaintext
Rahul
```

👉 Kyun?  
Kyuki `user` ne `greet()` call kiya hai  
➡️ isliye `this = user`

👉 Rule:  
**object.method() → this = object**

4\. Normal Function ke andar `this`

Agar function normal tareeke se call hota hai, to `this` ka behavior change ho jata hai.

```javascript
function show() {
  console.log(this);
}

show();
```

### Output:

*   Strict mode: `undefined`
    
*   Normal mode: `window` (browser)
    

👉 Important point:  
Standalone function ka koi owner nahi hota, isliye context lost ho jata hai

5\. Calling Context ka effect on `this`

Yeh sabse important part hai.

Case 1: Object method call

```javascript
const obj = {
  value: 10,
  show() {
    console.log(this.value);
  }
};

obj.show();
```

`this = obj`

Case 2: Function ko alag variable mein store karna

```javascript
const fn = obj.show;
fn();
```

Ab `this` obj nahi raha  
context lost ho gaya

Case 3: Nested function

```javascript
const obj = {
  value: 10,
  show() {
    function inner() {
      console.log(this.value);
    }
    inner();
  }
};

obj.show();
```

`inner()` ka `this` alag ho jata hai  
object se link break ho jata hai

6\. Golden Rule (Sabse important)

👉 `this` **= function ka caller**

Bas yahi yaad rakho.

7\. Easy Tarike se Samajhne ki Tips

Socho:

```javascript
“Is function ko call kaun kar raha hai?”
```

Mat socho:

```javascript
“Function kahan likha hai”
```

<table style="min-width: 75px;"><colgroup><col style="min-width: 25px;"><col style="min-width: 25px;"><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1"><p><strong>Context</strong></p></td><td colspan="1" rowspan="1"><p><strong>this Ki Value</strong></p></td><td colspan="1" rowspan="1"><p><strong>Asli Matlab (Simple Hindi)</strong></p></td></tr><tr><td colspan="1" rowspan="1"><p><strong>Global Scope</strong></p></td><td colspan="1" rowspan="1"><p><code>window</code> (Browser) / <code>global</code> (Node)</p></td><td colspan="1" rowspan="1"><p>Jab aap kisi function ke bahar hote ho, toh poori duniya (Global) hi aapka ghar hai.</p></td></tr><tr><td colspan="1" rowspan="1"><p><strong>Object Method</strong></p></td><td colspan="1" rowspan="1"><p>The Object (e.g., <code>user</code>)</p></td><td colspan="1" rowspan="1"><p>Agar function ko kisi object ne dot (<code>.</code>) laga kar call kiya hai, toh wahi object <code>this</code> hai.</p></td></tr><tr><td colspan="1" rowspan="1"><p><strong>Simple Function Call</strong></p></td><td colspan="1" rowspan="1"><p><code>undefined</code> (Strict) / <code>window</code></p></td><td colspan="1" rowspan="1"><p>Agar function bina kisi owner ke "akele" call hua hai, toh woh apna rasta bhatak jata hai.</p></td></tr><tr><td colspan="1" rowspan="1"><p><strong>Nested Function</strong></p></td><td colspan="1" rowspan="1"><p><code>window</code> / <code>undefined</code></p></td><td colspan="1" rowspan="1"><p>Ek function ke andar dusra function ho, toh andar wala function apne parent ka context kho deta hai (Lost).</p></td></tr></tbody></table>

![](https://cdn.hashnode.com/uploads/covers/67f40ef753998ffbf9401cc9/90a1f437-d3cb-49bf-bd37-be8057c54764.png align="center")