132  
查询码:00001214
es6 箭头函数 this 问题
来源:https://www.cnblogs.com/zhangruiqi/p/8436373.html
作者: 朱凡 于 2020年03月13日 发布在分类 / FM组 / FM_App 下,并于 2020年03月13日 编辑
函数 箭头 对象 console console.log 自己 评论 button 提交 指向


es6 箭头函数 this 问题

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

2. 箭头函数没有自己的this,不会新产生自己作用域下的this,箭头函数里面的this指向它外层的环境里的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 >


 推荐知识

 历史版本

修改日期 修改人 备注
2020-03-13 08:40:10[当前版本] 朱凡 创建版本

  目录
    知识分享平台 -V 4.8.7 -wcp