关于js中this的详解

js的this分两种，动态绑定和静态绑定，并且只能在函数内出现，node模块和es模块中也能直接使用this，此时的this指向模块自身。

在函数中使用时，除非函数是通过箭头函数定义，其余形式皆为动态绑定。本质上，node模块和基于模块系统构建的浏览器环境模块都是利用js闭包实现，所以也是函数。

静态绑定的this指向词法作用域上一级的对象。比如，在一个Plain Object中定义的浅层箭头函数中的this就指向这个Object。浅层是指无嵌套。

Plain Object就是｛｝语法。动态绑定分为4种。硬绑定，软绑定，new绑定和全局绑定。

硬绑定是指在函数执行时，无论由哪个对象唤起函数，函数的this总是指向指定好的对象。

软绑定是指，函数执行时this指向唤起函数的对象。

全局绑定是指，当函数被直接唤起时，this指向全局变量。当你在全局定义变量时，变量实际上作为全局变量的属性存在。在浏览器，这个对象是window。在node，这个对象是global。在serviceWorker，这个对象是self。

new绑定是指，当函数作为构造函数被唤起时，this指向即将被创建的对象。可以使用new.target来判断函数是否被new关键字调用。其中new.target和this指向同一个对象。

这四种绑定是具有优先级的。其中new>硬绑定>软绑定>全局绑定。

一个函数在被定义时，除了静态绑定，动态绑定默认使用三种，也就是非硬绑定的三种。这三种情况分别发生在new func(),obj.func()和func()。硬绑定需要特殊处理。在最新es中，可以使用Funcyion.prototype.bind进行硬绑定。

值得一提的是，静态绑定也是作为一种硬绑定存在，因为函数一旦定义，其this指向就不会改变。所以静态绑定又称为早硬绑定，bind成为晚硬绑定。

 

这就是关于this的基本知识。

 

（内容引自北邮信通院导论课答疑群）