更新

Author: cloudyan

.eslintrc.js

@@ -12,8 +12,66 @@ module.exports = {
   parser: 'babel-eslint',
   installedESLint: true,
   parserOptions: {
-    // ecmaVersion: 6,
+    ecmaVersion: 8,
     sourceType: 'module',
+    "ecmaFeatures": {
+      "jsx": true,
+      // lambda表达式
+      "arrowFunctions": true,
+      // 块级作用域，允许使用let const
+      "blockBindings": true,
+      // class
+      "classes": true,
+      // http://es6.ruanyifeng.com/#docs/function#函数参数的默认值
+      "defaultParams": true,
+      // 解构赋值
+      "destructuring": true,
+      // http://es6.ruanyifeng.com/#docs/object#对象的扩展运算符
+      "experimentalObjectRestSpread": true,
+      // http://es6.ruanyifeng.com/#docs/iterator#for---of循环
+      "forOf": true,
+      // http://es6.ruanyifeng.com/#docs/generator
+      "generators": true,
+      // 允许使用模块，模块内默认严格模式
+      "modules": true,
+      // 允许字面量定义对象时，用表达式做属性名
+      // http://es6.ruanyifeng.com/#docs/object#属性名表达式
+      "objectLiteralComputedProperties": true,
+      // 允许对象字面量方法名简写
+      /*var o = {
+          method() {
+            return "Hello!";
+          }
+       };
+
+       等同于
+
+       var o = {
+         method: function() {
+           return "Hello!";
+         }
+       };
+      */
+      "objectLiteralShorthandMethods": true,
+      /*
+        对象字面量属性名简写
+        var foo = "bar";
+        var baz = {foo};
+        baz // {foo: "bar"}
+
+        // 等同于
+        var baz = {foo: foo};
+      */
+      "objectLiteralShorthandProperties": true,
+      // http://es6.ruanyifeng.com/#docs/function#rest参数
+      "restParams": true,
+      // http://es6.ruanyifeng.com/#docs/function#扩展运算符
+      "spread": true,
+      "superInFunctions": true,
+      // http://es6.ruanyifeng.com/#docs/string#模板字符串
+      "templateStrings": true,
+      "unicodeCodePointEscapes": true,
+    },
   },
   globals: {
     Vue: false,

docs/config-eslint.md

@@ -119,6 +119,8 @@ NOTE: 目前(20170216) VSCode 的提示不允许外链，所以 eslint 插件的
 
 ### 其他配置及使用
 
+**编辑器快捷加载项目**
+
 推荐使用 [zsh](http://ohmyz.sh/)，配合插件[z](https://github.com/robbyrussell/oh-my-zsh/tree/master/plugins/z)实现跟踪/跳转你最常用的目录，配置 plugins=(z)即可。
 
 如此，想要打开一个项目 protest，直接如下即可
@@ -131,4 +133,38 @@ NOTE: 目前(20170216) VSCode 的提示不允许外链，所以 eslint 插件的
 # code .
 ```
 
+**同步配置**
+
 推荐安装 Settings Sync 插件，同步自己的配置到云端。
+
+**Code Runner**
+
+使用 Code Runner 插件，支持右键运行代码（使用 node），由于有些新的语法，即使最新版的 node 也不支持，需要借助 babel-cli 以及如下插件来实现。
+
+babel-cli 工具自带一个 babel-node 命令，提供一个支持ES6的REPL环境。它支持Node的REPL环境的所有功能，而且可以直接运行ES6代码。而配合 babel-preset-stage-0 则可以直接支持 ES2017
+
+Code Runner 配置如下：
+
+```
+"code-runner.executorMap": {
+  "javascript": "babel-node --presets stage-0"
+}
+
+NOTE: babel-preset-stage-0 必须要安装到项目目录才可以被引用，安装全局是不行的。
+```
+
+其他插件参考:
+
+```
+# ES2015转码规则
+$ npm install --save-dev babel-preset-es2015
+
+# react转码规则
+$ npm install --save-dev babel-preset-react
+
+# ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个
+$ npm install --save-dev babel-preset-stage-0
+$ npm install --save-dev babel-preset-stage-1
+$ npm install --save-dev babel-preset-stage-2
+$ npm install --save-dev babel-preset-stage-3
+```

docs/es6.test.js

@@ -37,6 +37,20 @@ console.log(type122[0], type122[0])
 
 
 // [函数](#functions)
+(function anonymous() {
+  // bad
+  const original = { a: 1, b: 2 }
+  const copy = Object.assign({}, original, { c: 3 })
+  console.log(copy)
+})()
+
+(function anonymous() {
+  // bad
+  const original = { a: 1, b: 2 }
+  const copy = { ...original, c: 3 }
+  // const { ...copy } = original
+  console.log(copy)
+})()
 
 
 // [箭头函数](#arrow-functions)

docs/es6_zh-cn_v3.md

@@ -6,7 +6,18 @@
 
 翻译自 [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) 。
 
-NOTE: 本文对[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) 略有调整具体如下，
+NOTE: Airbnb 规则非常超前，在编译时，ES6无法完全支持，如对象扩展运算符是 ES2017 引入的，此时，需要使用 [stage-0](http://www.cnblogs.com/chris-oil/p/5717544.html) 等设置来支持，另外使用规范时注意以下部分略有调整。
+
+```
+// 使用右键 Run Code 时，有些语法是不支持的，这是因为 node 的环境还不支持
+// 此时可以使用 babel-node 加载 babel-preset-stage-0 来获得对新语法的支持
+
+"code-runner.executorMap": {
+  "javascript": "babel-node --presets stage-0"
+}
+
+NOTE: babel-preset-stage-0 必须要安装到项目目录才可以被引用，安装全局是不行的。
+```
 
 - 尾逗号单行不要有，多行必须有。修改规则 `comma-dangle: ['error', 'never']` 中 never 改为 always-multiline。
 - 行尾不要分号。调整后，代码更干净、整洁，但要注意 (, [, + , -, or ` 开头的语句，可能在“自动分号插入”机制（ASI）下会有问题。<br>
@@ -352,7 +363,9 @@ Other Style Guides
   <a name="objects--rest-spread"></a>
   - [3.8](#objects--rest-spread) 浅拷贝使用对象扩展符（rest operator）更好，相对于方法 [`Object.assign`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign) 而言。
 
-    ???: 可以深拷贝么?
+    NOTE: Object.assign 实行的是浅拷贝，而不是深拷贝。其拷贝的属性是有限制的，只拷贝源对象的自身属性（不拷贝继承属性），也不拷贝不可枚举的属性（enumerable: false）。
+
+    扩展运算符可以深拷贝么？可以。
 
     ```javascript
     // very bad

linters/.eslintrc.js

@@ -99,7 +99,7 @@ module.exports = {
       // impliedStric
       // "impliedStrict": true,
       // 启用 JSX
-      // "jsx": true
+      "jsx": true,
       // lambda表达式
       "arrowFunctions": true,
       // 块级作用域，允许使用let const

package.json

@@ -31,5 +31,9 @@
   "bugs": {
     "url": "https://github.com/airbnb/javascript/issues"
   },
-  "homepage": "https://github.com/airbnb/javascript"
+  "homepage": "https://github.com/airbnb/javascript",
+  "devDependencies": {
+    "babel-preset-es2015": "^6.22.0",
+    "babel-preset-stage-0": "^6.22.0"
+  }
 }

react/zh-cn.md

@@ -84,9 +84,9 @@ source: https://github.com/JasonBoy/javascript/tree/master/react
 
 ## Naming 命名
 
-  - **扩展名**: React模块使用 `.jsx` 扩展名.
-  - **文件名**: 文件名使用帕斯卡命名. 如, `ReservationCard.jsx`.
-  - **引用命名**: React模块名使用帕斯卡命名，实例使用骆驼式命名.
+  - **扩展名**: React模块使用 `.jsx` 扩展名。
+  - **文件名**: 文件名使用帕斯卡命名。如, `ReservationCard.jsx`。
+  - **引用命名**: React模块名使用帕斯卡命名，实例使用骆驼式命名。
  eslint: [`react/jsx-pascal-case`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-pascal-case.md)
 
     ```jsx