* 核心例子 * 修改成静态变量（const）或块级变量（let） * 开始修改 * 疑问解释（重复定义会发生什么） * 疑问解释（let的块级作用域是怎样的） * 疑问解释（const定义的变量在基础数据类型和引用类型中的差异） * 修改成Promise的形式 * 预备知识（回调函数是什么） * 预备知识（如何把回调函数改为Promise） * 开始修改 * 修改成箭头函数（Arrow Function） * 预备知识（箭头函数是什么） * 预备知识（箭头函数函数中的this是个坑） * 开始修改 * 修改拼接字符串成模板字符串 * 预备知识（字符串的拼接方式） * 预备知识（改为模板字符串的方式） * 开始修改 * 修改成解构的对象 * 修改成Class
核心例子
文中的例子，请在最新的Chrome中测试。关于配置ES6转ES5的环境，不在本文探讨的范畴。
// 定义一个学生构造函数 var People = function(name, age) { this.name = name this.age = age } // 创建小明实例 var xiaoming = new People('xiaoming', 18) // 定义一个考试函数 // 定义两个回调函数，在适当的时候把参数传进去 var examStart = function(callbackSucc, callbackFail) { var result = prompt('1+5=') if(result === '6') { callbackSucc('Awesome. Your answer is ' + result) } else { callbackFail('You can try again. Your answer is ' + result) } } // 开始考试 // 传入的两个回调函数分别处理结果 examStart(function(res) { console.log(res) }, function(res) { console.log(res) })
修改成静态变量（const）或块级变量（let）
当你变量的值需要修改的时候，应该使用块级变量（let）。其他时候，使用静态变量（const）。
无论是静态变量（const）还是块级变量（let），都不能重复定义，否则会报错。
静态变量（const）一旦定义，数据类型不可更改。但是引用类型，如Array，Object，都可以用相应的原型方法对数据的内部进行操作。
开始修改
我们这里定义的变量都不需要修改，所以直接全部改为const。在项目中，判断是改为const还是let有一个技巧，可以使用编辑器的变量复选功能（如，sublime中是双击变量名之后ctrl+d）。然后判断代码中是否对这个变量进行过赋值，以及根据自己的判断是否需要对这个变量进行修改，不需要则用const。
// 修改一 var ==> const const Student1 = function(name, age) { this.name = name this.age = age } // 修改二 var ==> const const xiaoming1 = new Student1('xiaoming', 18) // 修改三 var ==> const const examStart1 = function(callbackSucc, callbackFail) { // 修改四 var ==> const const result = prompt('1+5=') if(result === '6') { callbackSucc('Awesome. Your answer is ' + result) } else { callbackFail('You can try again. Your answer is ' + result) } } examStart1(function(res) { console.log(res) }, function(res) { console.log(res) })
疑问解释（重复定义会发生什么）
const author = 'bw2' const author = 'bw3' // Uncaught SyntaxError: Identifier 'author' has already been declared let author = 'bw4' // Uncaught SyntaxError: Identifier 'author' has already been declared
疑问解释（let的块级作用域是怎样的）
// let定义的变量存在块级作用域 if(true) { let test1 = 2333 } console.log(test1) // Uncaught ReferenceError: t is not defined // var定义的变量不存在，会直接成为全局变量 if(true) { var test2 = 2333 } console.log(test2) // 2333
疑问解释（const定义的变量在基础数据类型和引用类型中的差异）
开始例子之前，先回顾以下基础数据类型。Number、String、Boolean、null、undefined、Symbol。其中Symbol是ES6新加的。除基础数据类型外，皆为引用类型。常见的引用类型是Array，Object。
// const定义的变量值是基础数据类型时，不能修改值，也不能修改类型 const num = 2333 num = 2334 // Uncaught TypeError: Assignment to constant variable. num = '' // Uncaught TypeError: Assignment to constant variable. // const定义的变量值是引用类型时，可以修改值 const obj = {} obj.test = 2333 console.log(obj.test) // 2333 const arr = [] arr.push(1) console.log(arr) // [1]
修改成Promise的形式
从应用的角度上来讲，Promise的主要作用是可以把回调函数，改为链式调用的模式。
当存在多个嵌套的回调函数时，代码的缩进层级将会非常多，不利于阅读。这时Promise就登场了。
如果只有一个回调函数，不涉及到错误处理，则不建议修改为Promise的形式。
预备知识（回调函数是什么）
回调函数是指，定义一个函数，传入的参数是一个函数。然后在函数中特定的位置，执行这个传入的函数，并将需要用到的数据，作为参数传入。回调函数常见于异步编程。比如发送Ajax请求和NodeJS中的异步文件操作。百闻不如一见，我们看个最简单的例子吧。