call和apply第一个参数为null/undefined，函数this指向全局对象

太过爱你忘了你带给我的痛 2021-09-07 06:20 200阅读 0赞

call/apply用来改变函数的执行上下文（this），它们的第一个参数thisArg是个对象，即作为函数内的this。

多数时候你传啥函数内就是啥。仅以call示例

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 </td> 
 <td> <code>function</code>&nbsp;<code>fun() { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>alert(</code><code>this</code><code>);</code> <code>}</code> <code>fun.call(1);</code> <code>fun.call(</code><code>'a'</code><code>);</code> <code>fun.call(</code><code>true</code><code>);</code> <code>fun.call({name:</code><code>'jack'</code><code>});</code> </td> 
 </tr> 
 </tbody> 
</table>

分别弹出“1”、“a”、“true”、“\[object Object\]”。

有两种情况需要注意，传null或undefined时，将是JS执行环境的全局变量。浏览器中是window，其它环境（如node）则是global。

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 </td> 
 <td> <code>fun.call(</code><code>null</code><code>);&nbsp;</code><code>// window or global</code> <code>fun.call(undefined);&nbsp;</code><code>// window or global</code> </td> 
 </tr> 
 </tbody> 
</table>

当我们通过 call 和 apply 来this的指向时，不传任何参数，则默认为将this指向修改为** **windows

// 当没有参数时，默认将this指向 window  
 console.log(function.call());

这在ECMAScript5.1 15.3.4.4中有解释，如下

![d8cce8d374a3093ceee619fd41b2d4df.png][]

严格模式下情况又有所不同，ES3比较宽容尽量去揣测代码意图。ES5严格模式（ie6/7/8/9除外）则不再揣测，给call/apply传入的任何参数不再转换。如下

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 </td> 
 <td> <code>'use strict'</code> <code>function</code>&nbsp;<code>fun() { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>alert(</code><code>this</code><code>);</code> <code>}</code> <code>fun.call(</code><code>null</code><code>)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>// null</code> <code>fun.call(undefined)&nbsp;</code><code>// undefined</code> </td> 
 </tr> 
 </tbody> 
</table>

[d8cce8d374a3093ceee619fd41b2d4df.png]: /images/20210813/66618e1bf45e4030afe03d9d970d4c60.png