美文网首页
箭头函数(常用)

箭头函数(常用)

作者: 盲流感 | 来源:发表于2019-02-14 17:37 被阅读0次

ES6 允许使用箭头(=>)定义函数

箭头函数对于使用function关键字创建的函数有以下区别
1.箭头函数没有arguments(建议使用更好的语法,剩余运算符替代)
2.箭头函数没有prototype属性,没有constructor,即不能用作与构造函数(不能用new关键字调用)
3.箭头函数没有自己的this,它的this是词法,引用的是上下文的this,即在你写这行代码的时候就箭头函数的this就已经和外层执行上下文的this绑定了(这里个人认为并不代表完全是静态的,因为外层的上下文仍是动态的可以使用call,apply,bind修改,这里只是说明了箭头函数的this始终等于它上层上下文中的this)

建议
箭头函数替代了以前需要显式的声明一个变量保存this的操作,使得代码更加的简洁
ES5写法不推荐:


image.png

ES6箭头函数:


image.png
值得注意的是makeRequest后面的function不能使用箭头函数,因为这样它就会再使用上层的this,而再上层是全局的执行上下文,它的this的值会指向window

相关文章

  • es6、js、css、jquery、vue以及程序设计 知识点总

    es6 列举常用的es6特性。 箭头函数this的指向。 eg:箭头函数的特性 箭头函数内部没有construc...

  • 箭头函数(常用)

    ES6 允许使用箭头(=>)定义函数 箭头函数对于使用function关键字创建的函数有以下区别1.箭头函数没有a...

  • Vue中的watch监听、computed计算属性、filter

    记录我在使用watch时常用的方法 1、watch监听 注意:ES6中推出了箭头函数,上述例子未使用箭头函数,如果...

  • ES6~箭头函数

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

  • ES6新特性5:函数的扩展之箭头函数

    箭头函数在ES6中最常用的特性,学习好至关重要,特别在Vue项目和React项目。 箭头函数:ES6中使用(=>)...

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

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

  • 学习 ES 6 箭头函数

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

  • 箭头函数

    箭头函数 箭头函数能让this的指向固定化 分析:1)第一个setInterval()中使用了箭头函数,箭头函数使...

  • TS  笔记this

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

  • 箭头函数和数组

    箭头函数&数组 箭头函数 特点: 没有 this 没有 arguments 没有prototype在箭头函数中使用...

网友评论

      本文标题:箭头函数(常用)

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