Open SimonZhangITer opened 7 years ago
感谢你的反馈
他抄没抄我不清楚
但是我的文章一定是我本人写的
在 2018年7月10日,下午2:36,suweiteng notifications@github.com 写道:
最近看了一篇文章,和这篇相似度很高,是您本人写的吗?还是他抄的您的?https://mp.weixin.qq.com/s/bHtjzdxjRB-EkRFP8gCMFg https://mp.weixin.qq.com/s/bHtjzdxjRB-EkRFP8gCMFg — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/SimonZhangITer/MyBlog/issues/12#issuecomment-403716475, or mute the thread https://github.com/notifications/unsubscribe-auth/ATjVcdDqWS2uA7QwwKhUoB9BAQcmYC2pks5uFEt6gaJpZM4NFAms.
隐式绑定
关于this,一般来说,谁调用了方法,该方法的this就指向谁,如:
如果存在多次调用,
对象属性引用链只有上一层或者说最后一层在调用位置中起作用
,如:隐式丢失
一个最常见的this绑定问题就是被
隐式绑定
的函数会丢失绑定对象,也就是说他回应用默认绑定,从而把this绑定到全局对象或者undefined上,取决于是否是严格模式。虽然bar是obj.foo的一个引用,但是实际上,它引用的是foo函数本身,因此此时的bar()其实是一个不带任何修饰的函数调用,因此应用了默认绑定
一个更微妙、更常见并且更出乎意料的情况发生在
传入回调函数时
:参数传递其实就是一种隐式赋值
,因此我们传入函数时也会被隐式赋值,所以结果和上一个例子一样,如果把函数传入语言内置的函数而不是传入自己声明的函数(如setTimeout等),结果也是一样的
显式绑定
简单的说,就是指定this,如:call、apply、bind、new绑定等
硬绑定
这里简单做一下解释: 在bar函数中,foo使用apply函数绑定了obj,也就是说foo中的this将指向obj,与此同时,使用arguments(不限制传入参数的数量)作为参数传入foo函数中;所以在运行bar(3)的时候,首先输出obj.a也就是2和传入的3,然后foo返回了两者的相加值,所以b的值为5
同样,本例也可以使用
bind
:new绑定
在传统面向类的语言中,使用new初始化类的时候会调用类中的构造函数,但是JS中new的机制实际上和面向类和语言完全不同。
使用
new
来调用函数,或者说发生构造函数调用时,会自动执行下面的操作:使用new来调用foo(...)时,我们会构造一个新对象并把它绑定到foo(...)调用中的this上。new是最后一种可以影响函数调用时this绑定行为的方法,我们称之为new绑定。
this的优先级
毫无疑问,默认绑定的优先级是四条规则中最低的,所以我们可以先不考虑它。
隐式绑定和显式绑定哪个优先级更高?我们来测试一下:
可以看到,
显式绑定
优先级更高,也就是说在判断时应当先考虑是否可以存在显式绑定。现在我们要搞清楚
new绑定
和隐式绑定
的优先级谁高谁低 :可以看到
new绑定
比隐式绑定
优先级高。但是new绑定
和显式绑定
谁的优先级更高呢?可以看到,
new绑定
修改了硬绑定
中的this,所以new绑定
的优先级比显式绑定
更高。之所以要在new中使用硬绑定函数,主要目的是预先设置函数的一些参数,这样在使用new进行初始化时就可以只传入其余的参数。bind(...)的功能之一就是可以把除了第一个参数(第一个参数用于绑定this)之外的其他参数都传给下层的函数(这种技术称为“部分应用”,是“
柯里化
”的一种)。举例来说:This在箭头函数中的应用
箭头函数不使用this的四种标准规则,而是根据外层(函数或者全局)作用域来决定this。
我们来看一下箭头函数的词法作用域:
foo()内部创建的箭头函数会捕获调用时foo()的this。由于foo()的this绑定到obj1,bar(引用箭头函数)的this也会绑定到obj1,箭头函数的绑定无法被修改。(new也不行!)
总结
如果要判断一个运行中的函数的this绑定,就需要找到这个函数的直接调用位置。找到之后就可以顺序应用下面这四条规则来判断this的绑定对象。
如果你觉得有帮助,欢迎Star^_^