JavaScript ??? ??? ???? ???? ???? ???? ??? ?????. 1. ??? ?? ??, 2 ??? ??? ??, 3. ??? ???? ??????. ??? ???? ?? ??? ?? ??? ??? ???? ????? ?????.

??

?? ??? JavaScript ???? ?? ???? ?? this ?? ?? ? ????. ?? ?? ??? ??? ??? ?? ? ? ?? ???????? ?? ?? ??? ???? ????.? ????? ???? ??? ????. ? ??? ??, ??? this ???? ???? ?? ???? ???? ? ?? ???? ?? ?? ??? ????? ??? ??????.

?? ?? ??

JavaScript??? ?? ??? ??? this , ???? ?? ????? ?? ????. ??? ??? ?? ??? ? ?, this ??? ??? ?? ??????. ???? ?? ?? ???? ??? ??? ? ??? ????? ????, ????? ?? ??? ?? ??? ???? ?????.

this ???? ???? ?? this ? ?? ??? ??? ???.

• ??? ???? this ??? ?? (????? window node.js? global )? ?? ???.
• ??? ?? ? ?, this ??? ?? ??, ??? ?? ??, call ?? apply ???? ???? ??? ?? ??? ???? ??? ?? ????.

??? ?? ??? ?? ? ??? ???? this ???? ???? ??? ? ????? ?? ? ? ????.

?? ?? ?? ?? ??

this ??? ??? ?? ????

?????, this ??? ?? ?? ??? ?? ?? this ????? ?? ??? ?? this ? ?????. ??? ?? ?? ?????.

?? auterfunction () {
    this.name = '??';
    ?? innerfunction () {
        Console.log (this.name); // ???? ??? ??????
    }
    ?? ?? ();
}
<p>const obj = {
?? : 'Object'
};</p><p> ?? (OBJ); // ?? : ???? ?????</p>

? ???, this innerFunction outerFunction this ?? ??? ??? ?? ???. ? ??? ????? ?? ???? ????? ??? ????? this ?? ?????.

???

?? ??? ??? this ???? ????? ?? ??? ??? ? ????.

??? ??? ??????

??? ??? ??? ??? ????? this ??? ?? ??? ?? ?? this ????? ????. ??? ??? ??? ????? ?? ???? ????.

?? auterfunction () {
    this.name = '??';
    const innerfunction = () => {
        Console.log (this.name); // ???? ??? ?? ??? ?? ???
    };
    ?? ?? ();
}
<p>const obj = {
?? : 'Object'
};</p><p> ?? (OBJ); // ?? : ??</p>

bind ??? ??????

bind ???? ???? this ??? ??? ?? ????? ? ??? ?? ? ????.

?? auterfunction () {
    this.name = '??';
    ?? innerfunction () {
        Console.log (this.name);
    }
    innerfunction.bind (this) ();
}
<p>const obj = {
?? : 'Object'
};</p><p> ?? (OBJ); // ?? : ??</p>

??? this ??????

? ?? ???? ??? this ?? ???? ??? ?? ? ?? ?? ?? ??? ??? ???? ????.

?? auterfunction () {
    this.name = '??';
    const self = this;
    ?? innerfunction () {
        Console.log (self.name);
    }
    ?? ?? ();
}
<p>const obj = {
?? : 'Object'
};</p><p> ?? (OBJ); // ?? : ??</p>

??? ?

?? ??

?? ?? ????? ?? ?? ?????. ??? ???? ???? ??? ???? ??? ??? ?? ? ???.

??? ??? {
    ??? () {
        this.count = 0;
    }
<pre class='brush:php;toolbar:false;'>?? () {
    settimeout (() => {
        this.count;
        Console.log (this.count);
    }, 1000);
}

}

const ??? = ??? ??? (); counter.increment (); // 1 ? ? ?? : 1

? ???? ??? ??? ?? ??? this Counter ????? ????????.

?? ??

?? ??? ??????? ???? this ? ??? ???? ???? ? ?? ????. ?? ?? ?? ?? ??? ???? ??? ???? ???? ?? ??? ??????????.

??? ?? ??? {
    ??? (??) {
        this.button = ??;
        this.clicks = 0;
        this.button.addeventListener ( 'click', this.handleclick.bind (this));
    }
<pre class='brush:php;toolbar:false;'>handleclick () {
    ?. ??;
    console.log (`??? ???? $ {this.clicks} times`);
}

}

const button = document.getElementById ( 'myButton'); const handler = ??? ?? ??? (??);

? ???? bind ???? ???? handleClick ????? ButtonHandler ????? this ???.

???? ?? ? ??? ?

??? ??? this ? ?? ? ? ???? ??? ??? ????.

• ??? ?? ?? bind ??? ???? ?? ?? ??? ??? ??? this ?????.
• ??? ????? ?? ?? ??? this ?? ?? ?? undefined ?? ????.

??? ? :

• console.log(this) ???? ?? ?? ??? this ???? this ???? ?? ???? ? ??????.
• ?? ???? ???? ??? ???? ???? this ????? ??????.

?? ??? ? ?? ??

?? ??? this ? ?? ? ??? ????? ? ?? ?? ??? ????.

• ??? ?? ?? : ??? ??? this ??? ??? ??? ????? ??? ????? ???? ????.
• bind ? ??? ??? ????? : bind ??? ????? ?? ???? ??? ??? ?????. ? ???? ??? ??? ???? ?????.
• ??? ?? ? ??????? : ???? ??? ?? ?? ???? ??? ?? ??? ? ??? ??? ???? ? ???? ??? ??????.

?? ??

?? ??? ??? ??? ???.

?? testArrowFunction () {
    const obj = {
        ?? : '???'
    };
    const func = () => {
        Console.log (this.name);
    };
    for (i = 0; i <10000000; i) {
        func.call (obj);
    }
}
<p>?? testbindmethod () {
const obj = {
?? : &#39;???&#39;
};
function func () {
Console.log (this.name);
}
const boundfunc = func.bind (obj);
for (i = 0; i <10000000; i) {
boundfunc ();
}
}</p><p> ?? testvariablemethod () {
const obj = {
?? : &#39;???&#39;
};
function func () {
const self = this;
return function () {
Console.log (self.name);
};
}
const innerfunc = func.call (obj);
for (i = 0; i <10000000; i) {
innerfunc ();
}
}</p><p> Console.Time ( &#39;??? ??&#39;);
TestArrowFunction ();
Console.TimeEnd ( &#39;??? ??&#39;);</p><p> Console.time ( &#39;bind method&#39;);
TestBindMethod ();
Console.TimeEnd ( &#39;bind method&#39;);</p><p> console.time ( &#39;?? ??&#39;);
testvariablemethod ();
Console.TimeEnd ( &#39;?? ???&#39;);</p>

? ??? ???? ??? ?? ????? ?? ? ??? ?? ??? ??? ??? ??? ????? ???? ? ? ????.

??? ???? ?? ?? ?????

?? ??? this ? ?? ? ???? ? ? ?? ???? ??? ????.

• ??? ??? ?? : ??? ??? this ? ?? ??? ???? ??? ? ????. ???? ??? ??????? ?? ?? ??? ???????.
• bind ???? ?? ?? : bind ??? ?? ??? ?? this ????? ??? ? ??? ??? ?? ????? ???? ??? ??? ?? ?????? ??? ? ? ????.
• ??? this ???? ????? .? ???? ?????? ??? ???? ?? ???? ???? self that ?? ??? ??? ?? ?? ??? ??? ? ????.

?? ?????? :

• ?? ?? ?? : ??? ?? ? ? ?? ?? ?? ?? ??? (IIFE)? ?? ??? ??? ???? ?? ???? ?? this ???? ? ? ?? ? ? ??????.
• ??? ??? ?? : ??? ????? this ?? ??? ??? ??? ??? ?????? ??? ??? ???? ? ??? ? ? ????.
• ?? ???? : ??? ?? ?? ????? ???? ?? ??? ?? ???? ????? ???? this ? ? ? ???? ? ??????.

??? ??? ??? ??? ???? ???? this ???? ?????? ????? JavaScript ??? ?? ??? ? ????. ? ??? ?? ??? ??? ?? this ? ? ???? ???? ? ?????? ????.

? ??? ?? ??? ???? ???? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!