美文网首页
ES6语法(二) - 箭头函数

ES6语法(二) - 箭头函数

作者: ElliotG | 来源:发表于2020-12-08 07:58 被阅读0次

    1. 语法

    ES6的箭头函数(=>)有点类似Java中的Lambda

    简单返回值:

    let hello = msg => msg;
    

    上面代码等价于:

    function hello(msg) {
      return msg;
    }
    

    多值返回:

    let hello = (user, msg) => `${msg}, ${user}`;
    

    上面代码等价于:

    function hello(user, msg) {
      return msg + ", ", user;
    }
    

    无参数:

    let hello = () => "hello world";
    

    上面代码等价于:

    function hello() {
        return "hello world";
    }
    

    多条语句:

    let add = (a, b) => {
        let c = a + b;
        return c;
    }
    

    上面代码等价于:

    function add(a, b) {
        let c = a + b;
        return c;
    }
    

    返回字面量需要包裹在圆括号中:

    let person = (name, age) => ({name: name, age: age});
    

    上面代码等价于:

    function person(name, age) {
        return {
            name: name, 
            age: age
        }
    }
    

    相关文章

      网友评论

          本文标题:ES6语法(二) - 箭头函数

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