hyy1115/es6-learning

《深入理解ES6》教程学习笔记

ES6-learning

《深入理解ES6》教程学习笔记

发现问题欢迎pull commit

• ECMA草案完整版

使用ES6开发已经有1年多了，以前看的是阮一峰老师的ES6教程，也看过MDN文档的ES6语法介绍。

最近买了《深入理解ES6》的书籍来看，为什么学习ES6这么久还要买这本书呢？主要是看到Daniel Abramove（react核心团队成员及redux的创造者）为本书做了序，作为一个react粉丝，还是挺看好这本书能给我带来一个新的升华，而且本书的作者也非常厉害。感谢 @lenville 的翻译贡献。

本章作为导读，用来汇总所有章节，每一章的内容也是我的学习笔记，也会加上自己对ES6新功能的理解分析，希望对前端爱好者也有帮助。

• 第一章 块级作用域绑定

• 第二章 字符串和正则表达式

• 第三章 函数

• 第四章 扩展对象的功能性

• 第五章 解构：使数据访问更便捷

• 第六章 Symbol和Symbol属性

• 第七章 Set集合与Map集合

• 第八章 迭代器（Iterator）和生成器（Generator）

• 第九章 JavaScript中的类

• 第十章 改进数组的功能

• 第十一章 Promise与异步编程

• 第十二章 代理（Proxy）和反射（Reflection）API

• 第十三章 用模块封装代码

全剧终

es6-learning's Issues

WeakMap示例代码有误

let map = new WeakMap();
const key = document.querySelector('.header');
map.set(key, '这是个什么玩意');

map.get(key) // "这是个什么玩意"

//移除该元素
key.parentNode.removeChild(key);
key = null;  

最后一行代码编译运行的时候是报错的，你前面用了const定义的，后面怎么可以再赋值为其它值。应该使用let。

第三章：53页，name的特殊情况

person.firstName.name 书上写是get firstName
但是我运行结果是 undefined
这是书里写错了吗？

自有属性枚举顺序 描述有误

应当是：
首先遍历所有数值键，按照数值升序排列。
其次遍历所有字符串键，按照加入时间升序排列。
最后遍历所有 Symbol 键，按照加入时间升序排列。

摘于 《ECMAScript 6入门》

第四章，Object.assign方法实例错误

在介绍object.assign方法时列举的”Component的例子“经测试是错误的，报错“Uncaught TypeError: MyComponent.render is not a function”。而且注释中写的“ 新对象继承了Component的所有方法和属性。” 我认为这句话不合理。object.assign 应该只是复制， 不是继承

一个细微的建议

很感谢你辛苦花时间做的这个ES6学习系列，让自己对ES6也加深了理解
自己单纯地感觉若是在每一篇底部结尾加上下一篇的导航链接可能更好，虽然说octotree也很好用

第一章 const描述补充

第一章
const
const虽然是常量，不允许修改默认赋值，但如果定义的是对象Object，那么可以修改对象内部的属性值。

补充下
const虽然是常量，不允许修改默认赋值，但如果定义的是对象Object， 是允许改值的并且也能增加和减少值（delete type.b或type.c="3"都是可以的）,但是不能更改对象的内存地址（ type=[] 或2.type={}等都是不可以的）

第九章：9、JavaScript中的类class的‘内建对象的继承‘小节

class MyArray extends Array { }
let colors = new Array()
colors[0] = "1"
console.log(colors) // [1]
是不是要改成？
class MyArray extends Array { }
let colors = new MyArray() // 修改成MyArray
colors[0] = "1"
console.log(colors) // [1]

怒赞一波

看阮一峰的es6模块化那一小节的时候没看懂，看你的笔记却看懂了，感谢！

第9章，JavaScript中的类class例子有误