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

es6 箭头函数 this 问题

时间:2018-02-09 20:25:59      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:size   fine   没有   它的   button   nts   构造函数   作用   put   

1. 在箭头函数出现之前,每个新定义的函数都有其自己的this值(例如,构造函数的 this 指向了一个新的对象;严格模式下的函数的 this 值为 undefined;如果函数是作为对象的方法被调用的,则其 this 指向了那个调用它的对象)。

2. 箭头函数没有自己的this,不会新产生自己作用域下的this,arguments,super和new.target等对象。此外,箭头函数总是匿名的。

<input type="button" class="btn1" value="提交1">
<input type="button" class="btn2" value="提交2">

<script>
    $(".btn1").click(function () {
        console.log(1);
        console.log(this);// <input type="button" class="btn1" value="提交1">
    })

    $(".btn2").click(() => {
        console.log(2);
        console.log(this);// window
    })

</script>

 

es6 箭头函数 this 问题

标签:size   fine   没有   它的   button   nts   构造函数   作用   put   

原文地址:https://www.cnblogs.com/zhangruiqi/p/8436373.html

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