美文网首页
箭头函数的理解

箭头函数的理解

作者: shanshanfei | 来源:发表于2017-08-03 14:32 被阅读0次

箭头函数的理解:

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、等对象

相关文章

  • ES6 --- 箭头函数

    箭头函数的作用: 让this 变得可以理解 让代码变得更简洁 箭头函数的基本语法 箭头函数只能做赋值,不能做声明 ...

  • 箭头函数与普通函数的区别

    箭头函数与普通函数的区别,实质是我们是否理解了箭头函数,在我刚开始接触ES6时,印象中的箭头函数与普通函数的区别就...

  • 箭头函数的理解

    箭头函数的理解: ES6中新增的一个特性:=> 箭头函数的一些注意事项: 箭头函数中的this是函数定义时所在的对...

  • ES5和ES6中的this问题及注意事项(附带少许作用域链查找知

    本文参考以下文章: 1、深入理解ES6箭头函数的this以及各类this面试题总结 2、深入理解ES6箭头函数中的...

  • 基础面试3

    1.怎么理解es6箭头函数中的this,它和一般函数的this指向有什么区别呢?在箭头函数中没有自己的this,它...

  • 深入理解ES6中的箭头函数

    JavaScript深入理解ES6中的箭头函数 箭头函数表达式的语法比函数表达式短,并且不绑定自己的 this,a...

  • 箭头函数和立即执行函数

    箭头函数 箭头函数和普通函数有什么区别?如果把箭头函数转换为不用箭头函数的形式,如何转换主要是this的差别,箭头...

  • ES6~箭头函数

    什么是箭头函数 单表达式箭头函数 相当于 多表达式箭头函数 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有...

  • 学习 ES 6 箭头函数

    箭头函数的用法 ES6 允许使用“箭头”(=>)定义函数。 箭头函数的一个用处是简化回调函数。 箭头函数 this...

  • TS  笔记this

    this 箭头函数在箭头函数创建的地方获得this;非箭头函数,在调用函数的地方获得this如图

网友评论

      本文标题:箭头函数的理解

      本文链接:https://www.haomeiwen.com/subject/hgrplxtx.html