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

箭头函数与this

时间:2017-10-15 19:43:45      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:class   script   情况下   cli   call   click   作用   code   window   

ECMAScript 2015 函数新玩法

 

箭头函数中的使用this 是依赖于当前所属作用域,在箭头函数在创建时就引用了所在上下文中的this

bind,call,apply这三种方法,不会对简头函数中的作用域中的this产生任何变化

 

全局情况下 为 window

场景1
((a)=>console.log(this) )() //window 场景2 let obj = {   aid : 123456,   arr:()=>console.log(this),
  
  arr2:function(){
       
       (()=>{console.log(this)})()   
      }     arr3:function(){
      document.onclick=event=>console.log(this);
   } } obj.arr();
// 还是 window

obj.arr2(); //obj

obj.arr3(); //obj 绑定click事件后this还是当前所在作用域,而非是事件绑定的document

  


 

箭头函数与this

标签:class   script   情况下   cli   call   click   作用   code   window   

原文地址:http://www.cnblogs.com/hnshi/p/7672852.html

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