zoukankan      html  css  js  c++  java
  • es6箭头函数

    ES6中新增的定义函数的方式。

    () => {} //():代表是函数; =>:必须要的符号,指向哪一个代码块;{}:函数体
    const fn = () => {}//代表把一个函数赋值给fn
    

    函数体中只有一句代码,且代码的执行结果就是返回值,可以省略大括号

    function sum(num1, num2) { 
         return num1 + num2; 
     }
     //es6写法
     const sum = (num1, num2) => num1 + num2; 
    

    如果形参只有一个,可以省略小括号

    function fn (v) {
         return v;
     } 
    //es6写法
     const fn = v => v;
    

    箭头函数不绑定this关键字,箭头函数中的this,指向的是函数定义位置的上下文this

    小结

    • 箭头函数中不绑定this,箭头函数中的this指向是它所定义的位置,可以简单理解成,定义箭头函数中的作用域的this指向谁,它就指向谁
    • 箭头函数的优点在于解决了this执行环境所造成的一些问题。比如:解决了匿名函数this指向的问题(匿名函数的执行环境具有全局性),包括setTimeout和setInterval中使用this所造成的问题
  • 相关阅读:
    BZOJ3589: 动态树
    BZOJ3631: [JLOI2014]松鼠的新家
    BZOJ3307: 雨天的尾巴
    BZOJ1895: Pku3580 supermemo
    BZOJ3786: 星系探索
    BZOJ2819: Nim
    解题:POI 2009 Lyz
    解题:POI 2016 Nim z utrudnieniem
    解题:POI 2004 Bridge
    解题:POI 2018 Prawnicy
  • 原文地址:https://www.cnblogs.com/kawayi/p/13952663.html
Copyright © 2011-2022 走看看