JavaScript箭头函数简介
现在很多人开始用箭头函数，比以前省事多了，还有个性！这个家伙不自己用’this’键，反而借用你的父作用域。咋个好使法儿？咱们一起看看~
静态的this指向
说出来你可能不信，在JavaScript里，普通函数的 this 会因为调用环境不同而变来变去。但箭头函数可不怕这个困扰，它的 this 一开始就定死了，任凭程序如何运转都不变。所以不管咋用，它里面的 this 永远都是指外面那个“大”世界。这样，咱们再也不用担心那些乱七八糟的变量冲突了，代码也更加清爽明了。
箭头函数不能作为构造函数使用
箭头函数没有 this 值，所以不能拿来当对象来用。你要是硬要让它当构造函数，那 new 出来肯定会出错，因为箭头函数没法像普通构造函数那样新建个对象，然后再跟 this 绑定起来。既然这样，咱们还是乖乖地用 function 关键字~
箭头函数不能用作方法
忍不住告诉你！箭头函数是无法替代对象方法的，因为这样做的话，这个”this”就会变回定义时候的那个环境了，完全偏离你想要调用的对象。别看它简单，搞不懂这一点可能会弄得你措手不及哟。所以，要是想定义对象方法，还是乖乖用普通的函数形式好，这样“this”的值才对头呀。
影响及应用场景
小伙伴们，你可能还不了解咱Javascript里的箭头函数？这可是非常棒的利器可以解决那个烦人的this指向问题，让咱们的代码更加稳固好维护喔！遇到那种回调问题可怎么办，别急，用上箭头函数，轻松搞定！而且，尤其是处理监听事件、计时器这种情况下，箭头函数还能帮你拿到外部环境变量，让整个代码看上去整洁大方！
与普通函数对比
你看，普通函数跟箭头函数可能看上去不太一样，但其实最重要的是你要在什么样的情况下用到它们呀。比如说，要是你想改变`this`的值或者想当成构造函数用，就要用普通函数咯；要是你想让代码更简单点儿，单独解决某个小问题，又不想去弄那个动态绑定之类的复杂玩意儿，还得要用到外面的变量的话，那肯定得选用箭头函数。总的来说，挑哪个都可以滴，只要是你觉得用着顺手的那款就好！
闭包与箭头函数
大家都爱用箭头函数加闭包，这样就能直接抓到上下文里的变量了，还能防止这个this指针乱晃。这样就可以避免因为动态环境造成的尴尬情况，代码运行起来轻松没压力！
ES6语法与兼容性考虑
别忘了，这个箭头函数是ES6特有的玩意儿，有些旧版本的浏览器可能不支持。所以用ES6新特性时得小心点，然后找个像Babel这样的好帮手把它们翻译成老浏览器易懂的代码呗！
总结
你知道吗？箭头函数真的超实用！处理异步任务和简化回调逻辑都是分分钟就能完成哒！不过，得提醒大家，用时要特别小心，先别弄混绑定的this值，再别把它当构造器来用，还有就是千万别想用它做方法持有者噢。只要留意这几个要点，箭头函数就能发挥出最好的作用！
这次再给你解释清楚箭头函数中的’this’怎么搞，学会了以后就方便多~这种高级技巧要多练习~
评论0