ES6语法糖

这是之前学ES6做的学习笔记中的一部分，还请辩证看待。想了解更多关于ES6的，感觉阮一峰老师写的《ES6入门》挺详细，还有网上也有很多牛人翻译了很多优质的笔记，可以上简书看看、很多论坛也有资料，如果能读懂ES6英文版的那更好，锻炼了你的英文水平又更精准的学ES6。如果学习React、或者Vue，ES6很重要。‘’q(·^o^·)p‘’

ES6语法糖

一、什么是语法糖？

刚开始听到这个名字的时候，原谅我孤陋寡闻，只知道简写之类的，专业名词真的不懂。然后百度了一下,名字还是蛮新奇的‘^^’`。

语法糖：也译为糖衣语法，是由语法糖（Syntactic sugar），也译为糖衣语法，是由英国计算机科学家彼得·约翰·兰达（Peter J. Landin）发明的一个术语，指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会</p>

实际上从面向过程到面向对象也是一种语法糖，C语言可以通过它的指针、类型转换，结构体实现面向对象的编程风格，但是C++更进一步的推广了这种风格，更加易用，不过到了C#把OO的风格发挥得淋漓尽致。OO的编程风格对于面向过程来说是不是一种语法糖呢？如果生硬地照此理解，只有计算机硬件指令才不算语法糖，而其他一切利用编译器、汇编器将代码抽象，和自然语言更相近的手段都算语法糖。

ES6为一些已有的功能提供了非破坏性更新，这类更新中的大部分我们可以理解为语法糖，称之为语法糖，意味着，这类新语法能做的事情其实用ES5也可以做，只是会稍微复杂一些。

二、对象字面量

1、对象字面量是指以{}形式直接表示的对象，例如：

var student = {
    name: 'vita',
    stuID: 12,
}

三、属性的简洁表示法：

ES5中：

var listeners = []
function listen(){}
var events = {
    listeners: listeners,
    listen: listen
}

ES6中

var listeners = [];
function listen(){}
var events = {listeners,listen} //这样就减少了重复的代码

使用对象字面量的简洁写法让我们在不影响语义的情况下减少了重复代码。

四、可计算的属性名

允许使用可计算的属性名，在ES5中可以给对象添加属性名为变量的属性,ES6中，对象字面量可以使用 计算属性名，把任何表达式放在中括号中，表达式的运算结果将会是对应的属性名。 **注意：**简写属性和计算属性名不可同时使用。

方法定义的简写

ES6