ES6语法(二) - 箭头函数

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
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容