上周给组内做的一个 ES2015 的技术分享，这里同时放个 PDF 分享下

[hkongm]

两个月前就开始准备的ES2015（原名ECMA Script 6）的技术分享，正值ES6规范正式定稿之际（完全是巧合，哈哈），在上周五的时候，给组内做了次技术分享，其中涵盖了比较能说明新特性的若干例子。

介绍了新版本规范的若干新特性：

• Arrows function
• default + reset + spread
• let + const
• Classes
• Map + Set
• Destructuring
• String
• Modules
• Iterators
• Symbols
• Enhanced Object Literals

http://caichao.me/前端/2015/06/23/es2015/

PDF已更新，开头图片不会挡住文字了。
下面朋友们提的问题，在被挡住的内容中已有提及。
babel如何使用的例子（向导）
https://babeljs.io/docs/setup/

[soli]

赞一个先！

[kuno1]

谢谢分享，学习了 :)

[poke707]

之前一直期待ES6，但直到这个PDF才认真地了解一次：）
真是令人兴奋的ES6啊

[onlyice]

赞一个，如果大家的浏览器都能迅速支持新标准就好了。。

[onlyice]

看了一下，很多概念跟 Python 很类似。

但是下面这个例子就不理解了，为啥加了个括号就 OK 了？

[helone]

@onlyice 前端就别想尽快支持了，5.1都支持不全，老版本浏览器淘汰得一些年，但是后端node可以尽快用上

[sinux]

汽车之家

[hbkdsm]

大赞！

[lonelygo]

@hkongm keynote生成PDF，可以选择每个动画生成一页的，第三页图片挡住了文字，看不到了，泪奔

[xcatliu]

@helone @onlyice 可以用 babel 编译一下 https://babeljs.io/

[sodatea]

@onlyice 我觉得楼主这里应该是搞错了

不带括号的形式，不论是 Chrome Developer Tools、Firefox Web Console 还是 Babel REPL，报的错都是 SyntaxError，因为此处 {x: a} 解析起来有歧义，可能是 block statement 也可能是 object literal

而套了括号之后，这一行能够被确定为是 expression statement，所以可以被解析，但是严格模式下仍然会出错（ReferenceError，严格模式禁止隐式创建全局变量）（不过 Chrome 非严格模式下也报 Uncaught ReferenceError: Invalid left-hand side in assignment 错误，不太明白……）

这个 trick 在 ES6 之前也有的

@helone 前端可以用 babel 嘛

[hkongm]

@sodatea 括号这里，其实我也没搞明白，某个系统教程中的例子里特别提到了这么一个特殊的括号，然而那篇文章中也没有给个正确的解释，so...

多谢

[onlyice]

@sodatea
@xcatliu
原来如此，多谢指点...
Babel 我也来关注下

[br00k]

学习了。。

[br00k]

用ES6规范编写的能编译出兼容的ES5的代码么。

[hkongm]

@br00k 用babel
官网有例子，其适应性超高
https://babeljs.io/docs/setup/

[SoloCompany]

谢谢分享

[SoloCompany]

@sodatea
@onlyice

同意11楼的，这里是楼主搞错了
这里出现的是语法错误，和 a 是否有定义完全无关

因为 ES 解释器在这个上下文中遇到左大括号，优先解释为块定义，而不是 Object literal；而如果前面加了小括号，就会强制解释为 Object literal 了。

看看这个
```
{a:x}
ReferenceError: x is not defined //-- 这是楼主误以为报错的原因，但实际不是他想的那样

x=1
1

{a:x}
1 //-- 这里没有出现语法错的，是因为 a: 被解释成 label 了

{x}
1 //-- 没有 label 结果也是一样的

({a:x})
Object { a: 1 } //-- 加了括号，看出来区别了吧

{x}
Object { x: 1 } //-- 这是 object literal 的新语法
```

另外，ppt 里面还有个拼写错误，就是对应上面的 object literal 新语法的
```
var obj = {
 // hander: hander 的简写 ------- 拼写错误
handler
, };
```

[SoloCompany]

更正一下
上面最后一个 {x} 漏了打括号了
应该是({x})

[hkongm]

@SoloCompany 明白了！多谢指正！
{x:a}这里，a是point中没有的keyname，所以x没有被赋值
()后强制解释成object就能拿到了