码迷,mamicode.com
首页 > 其他好文 > 详细

箭头函数中的this

时间:2019-11-07 23:29:54      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:log   es6   pre   func   console   面向   code   return   var   

箭头函数中的this

箭头函数根据外层(函数或者全局)作用域来决定this

  • 这样this就像其他面向对象的语言,在哪里定义就指向哪里
function foo() {
    return (x) => {
        console.log(this);
    }
}

var obj1 = {
    x: 1
};

var obj2 = {
    x: 2
};

var bar = foo.call(obj1);

bar(); //=> { x: 1 }
bar.call(obj2); //=> { x: 1 } foo()的this绑定到obj1,箭头函数的绑定无法修改

编写程序时要么全部用箭头函数风格的this机制,要么用ES6以前的this风格,尽量不要混用

箭头函数中的this

标签:log   es6   pre   func   console   面向   code   return   var   

原文地址:https://www.cnblogs.com/wydumn/p/11816189.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!