箭头函数的理解

箭头函数的理解:

ES6中新增的一个特性:=>

var func = () => {.....};

箭头函数的一些注意事项:

  • 箭头函数中的this是函数定义时所在的对象,而不是运行时所在的对象,这解决了闭包带来的this指向改变的问题。常见的使用场景是:回调函数,确保回调执行时this指向正确。

    //传统写法
    function handle(){
         this.age = 13;
         var that = this; 
         return function(){//闭包执行时,this会指向window,而不是handle中的this了
              return that.age;
          }     
     }
    
    //箭头函数
    function handle(){
         this.age = 13;
         return () => this.age;//this指向定义时handle中的this,指向正确
     }
    
  • 箭头函数中并没有绑定this的机制,而是根本没有自己的this,所以会使用外层的this。由于没有自己的this,所以不能被当做构造函数来调用。

  • 箭头函数中不能使用arguments、等对象

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • 函数函数定义与调用变量作用域全局变量方法高阶函数闭包箭头函数$generator$ 函数 函数定义与调用 定义函数...
    染微言阅读 624评论 0 5
  • title: js面向对象date: 2017年8月17日 18:58:05updated: 2017年8月27日...
    lu900618阅读 581评论 0 2
  • 函数就是最基本的一种代码抽象的方式。 定义函数function abs(x) {if (x >=0){return...
    _我和你一样阅读 459评论 0 0
  • HTML 对html5的理解,web语义话,SEO 页面加载过程 新增API,本地存储,Canvas CSS 经典...
    linwalker阅读 657评论 0 3