箭头函数不同于传统 JS 中的函数,箭头函数并没有属于自己的 this,他所谓的 this 是捕获其所在上下文的 this 值,作为自己的 this 值,并且由于没有属于自己的 this,所以是不会被 new 调用的,这个所谓的 this 也不会被改变。可以用 Babel 理解一下箭头函数:文章来源地址https://www.toymoban.com/news/detail-425334.html
// ES6
const obj = {
getArrow() {
return () => {
console.log(this === obj);
};
},
};
// ES5,由Babel转义
var obj = {
getArrow: function getArrow() {
var _this = this;
return () => {
console.log(this === obj);
};
},
};
文章来源:https://www.toymoban.com/news/detail-425334.html
到了这里,关于箭头函数的 this 指向哪里?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!