踩坑ES6 箭头函数

是不是用箭头函数用的很爽?觉得代码又简洁了许多?嗯,没错,我也是一样的感觉。但是,在封装时,你们没遇到坑么?

战场:

image.png

image.png

image.png
  • 箭头函数的this,明显不是指这个对象,那么this指向哪里呢?它指向父级var作用域,测试的图不上了,自己动手去
  • 箭头函数里并没有arguments

总结

  • 在不用this的地方,用箭头函数是个不错的选择,比如纯功能性函数
  • 在不需要继承,不需要new的对象里,可以大胆在箭头函数里用对象/类名调用类里的属性和方法。如图:
image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,523评论 0 1
  • 第一章 块级作用域绑定 let 和 const 都是不存在提升,声明的都是块级标识符都禁止重声明 每个const声...
    NowhereToRun阅读 1,611评论 0 2
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,945评论 2 17
  • 基本语法 ES6 允许使用“箭头”(=>)定义函数。 上面的箭头函数相当于: 如果箭头函数不需要参数或需要多个参数...
    iyimao阅读 696评论 0 6
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,217评论 2 19