JavaScript调用模式与this关键字绑定的关系

前端之家收集整理的这篇文章主要介绍了JavaScript调用模式与this关键字绑定的关系前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Invocation 调用

调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数

实参与形参不一致不会导致运行时错误,多的被忽略,少的补为undefined

每个方法都会收到两个附加参数:this和arguments。this的值取决于调用的模式,调用模式:方法函数,构造器和apply调用模式 this被赋值发生在被调用的时刻。不同的调用模式可以用call方法实现

1 The Method Invocation Pattern 方法调用模式

方法函数被保存为对象的属性.当方法调用时,this被绑定到该对象

公共方法:通过this取得他们所属对象的上下文的方法

底层实现: myObject.increment。call(myObject,0);

2 The Function Invocation Pattern 函数调用模式

函数并非对象的属性时就被当作函数调用(有点废话。。),this被绑定到全局对象(window)

ECMAScript5中新增strict mode, 在这种模式中,为了尽早的暴露出问题,方便调试。this被绑定为undefined

底层实现:add.call(window,3,4)

方法调用模式和函数调用模式的区别

3 The Constructor Invocation Pattern

JavaScript是基于原型继承的语言,同时提供了一套基于类的语言的对象构建语法。

this指向new返回的对象

4 The Apply Invocation Pattern

apply和call是javascript的内置参数,都是立刻将this绑定到函数,前者参数是数组,后者要一个个的传递apply也是由call底层实现的

相对的,bind函数将绑定this到函数调用函数分离开来,使得函数可以在一个特定的上下文中调用,尤其是事件bind的apply实现

总结

以上所述是小编给大家介绍的JavaScript调用模式与this关键字绑定的关系 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

原文链接:https://www.f2er.com/js/32683.html

猜你在找的JavaScript相关文章