Javascript中，this的绑定规则有哪些？

文章	分类	评论
323	4	39

文章

分类

323

this的绑定规则：
1.this的绑定和定义的位置编写的位置没有关系
2.this的绑定和调用方式以及调用的位置有关系
3.this是在运行时绑定的

在Javascript中，this的绑定规则可以根据函数的调用方式分为四种主要的规则。

默认绑定`Default Binding`

当函数在非严格模式下独立调用时，this默认指向到全局对象，在浏览器中全局对象是window对象，在Node.js中是global对象。如果在严格模式下，this会被绑定为undefined。

隐式绑定`Implicit Binding`

当函数作为对象的方法被调用时，this绑定到该对象。此时，this的值就是调用方法的对象。

显示绑定`Explicit Binding`

通过call、apply或bind方法，可以显式地指定this的绑定对象。call和apply会立即被调用函数并传递this，而bind会返回一个新的函数并绑定指定的this。

new绑定`New Binding`

当通过new关键字调用构造函数时，this绑定到新创建的对象实例。这个新对象由构造函数创建，并作为this的绑定对象。

除了上面四种主要规则外，还需要注意箭头函数Arrow Functions种this的特殊绑定方式：箭头函数不会创建自己的this，它会使用外部作用域的this值，通常是定义箭头函数时所在的上下文。

日	一	二	三	四	五	六
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

程序员鸡皮

站点介绍

Javascript中，this的绑定规则有哪些？

默认绑定`Default Binding`

隐式绑定`Implicit Binding`

显示绑定`Explicit Binding`

new绑定`New Binding`

评论(0)

文章目录

热门文章

最新评论

日历

标签云

赞赏作者

日	一	二	三	四	五	六
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

日	一	二	三	四	五	六
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

程序员鸡皮

站点介绍

Javascript中，this的绑定规则有哪些？

默认绑定Default Binding

隐式绑定Implicit Binding

显示绑定Explicit Binding

new绑定New Binding

评论(0)

文章目录

热门文章

最新评论

日历

标签云

赞赏作者

默认绑定`Default Binding`

隐式绑定`Implicit Binding`

显示绑定`Explicit Binding`

new绑定`New Binding`

日	一	二	三	四	五	六
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30