浅谈对javascript中this的理解

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