ES6 的语法简析

箭头函数

带{}和不带{}

1. 不带{}是自动返回结果:
(e) => e + 1

这里相当于一个小函数,e相当于函数参数,相当于

function(e){
  return e + 1;
}
2. 带{}不自动返回结果,需要手动return
(e) => {return e + 1}

相当于

function(e){
  return e + 1;
}

无参数与多参数

1. 无参数
// 无参数:
() => 3.14
2. 多参数
// 两个参数:
(x, y) => x * x + y * y
3. 可变参数

这个有点搞😤,举个栗子

let fn = (x, y, ...others) => {
  console.log(others);
};

fn('Lucy', 'Owen', 'Will', 'Cater', 'Javion');

打印是这样:

image.png

...others就是把多出的参数放了进来。如果没有额外的参数,不定参数就是一个空数组

返回一个对象

用()包起来

x => ({ foo: x })

this

let obj = {
  birth: 1988,
  getAge: function () {
    let b = this.birth;
    return 2017 - b;
  }
};

console.log(obj.getAge());
//打印为29

this 直接拿到外面的类

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

相关阅读更多精彩内容

  • 86.复合 Cases 共享相同代码块的多个switch 分支 分支可以合并, 写在分支后用逗号分开。如果任何模式...
    无沣阅读 1,568评论 1 5
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,717评论 0 1
  • 前言 人生苦多,快来 Kotlin ,快速学习Kotlin! 什么是Kotlin? Kotlin 是种静态类型编程...
    任半生嚣狂阅读 26,761评论 9 118
  • 【1】初生牛犊怕陷入恐怖游轮的死循环。 爷爷好。见信如面。我是初生牛犊。虽然知道慢慢的她可能不会怎么样,但已经给辅...
    MABEL梅阅读 282评论 2 1
  • 三十天专注成长计划第九天。 昨天听了弘丹老师讲的写作的技巧,结合我自身,对写作有了几点想法和总结,和大家一起分享。...
    雪凝心阅读 303评论 2 3

友情链接更多精彩内容