本文介绍了ES6箭头函数：为什么在构造函数和对象文字中使用此箭头时指向不同？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我知道箭头函数从封闭作用域继承this。但是，仍然不能理解为什么在对象文字中定义的箭头函数中的this指向全局对象，而在构造函数中指向创建的对象。
请考虑以下代码：
function Obj() {
this.show = () => {
console.log(this);
};
}
const o = new Obj();
const o2 = {
show: () => {
console.log(this);
}
}
o.show(); // o
o2.show() // window || undefinded
推荐答案
function Obj() {
this.show = () => {
console.log(this);
};
}
const o = new Obj();
o.show();
这里"this"基于"new"关键字的规则工作，该关键字指向具有在obj()中定义的结构的新对象(新对象是上下文)。 更多信息请访问：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new
const o2 = {
show: () => {
console.log(this);
}
}
o2.show() // window || undefinded
此处"this"在运行时获取其值，因为lambda函数和对象文本都不定义上下文，所以剩余的上下文是全局上下文，这就是获取该值的原因。
这篇关于ES6箭头函数：为什么在构造函数和对象文字中使用此箭头时指向不同？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！