ES6语法(二) - 箭头函数

2020-12-08  本文已影响0人  ElliotG

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
    }
}
上一篇下一篇

猜你喜欢

热点阅读