浅谈对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 形式调用时的第一个参数。