0
点赞
收藏
分享

微信扫一扫

浅谈对javascript中this的理解

小磊z 2022-03-11 阅读 81

浅谈对javascript中this的理解

在JS中,函数调用有三种方式分别是

fun(p1,p2)
obj.method(p1,p1)
fun.call(content,p1,p2)

一般情况下我们都是使用前两种方式来调用函数,但其实第三种方式才是正常的调用方式,前两种是语法塘,都可以转化为第三种方式转化方式如下

fun(p1,p2)
//转化为
fun.call(undefined,p1,p2)

obj.child.method(p1,p2)
//转化为
obj.child.method.call(obj.child,p1,p2)

由此可知,我们所有的函数调用都可以转化为第三种形式

fun.call(content,p1,p2)

而这里的 content 就是this

在浏览器中,当我们的content为 undefined 时,我们的浏览器会默认的将undefined变为windows

在箭头函数中,因为箭头函数本身并没有this,所以当我们打印 this 时,打印的 this 就是箭头函数上一层的 this。

总结下来就是一句话,this 函数就是转化为 call 形式调用时的第一个参数。

举报

相关推荐

0 条评论