es6语法糖？ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有解决模块化问题。Module功能就是为了解决这个问题而提出的。历史上，JavaScript一直没有模块（module）体系，那么，es6语法糖？一起来了解一下吧。
下面小编就为大家带来一篇把JavaScript代码改成ES6语法不完全指南(分享)。小编觉得挺不错的，现在就想给大家，也给大家做个参考。一起跟随小编过来看看吧
目录
* 核心例子
* 修改成静态变量（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）。
可是，为什么这么说呢？
首先，比如说有一个异步操作，使用 async/await 语法来以同步模拟异步操作。
使用 async/await 实现一瞎扰个 sleep 的功能
function sleep(time) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(1);
}, time);
});
}
async function test () {
for(let i = 0; i < 10; i++) {
let result = await sleep(1000);
console.log(result);
}
}
将 async/await 转成 generator 和 promise 来实现：
let test = function () {
// ret 为一个Promise对象，因为ES6语法规定 async 函数的返回值必须是码神肢一个 promise 对象
let ret = _asyncToGenerator(function* () {
for (let i = 0; i < 10; i++) {
let result = yield sleep(1000);
console.log(result);
}
});
return ret;
}();
// generator 自执行器
function _asyncToGenerator(genFn) {
return new Promise((resolve, reject) => {
let gen = genFn();
function step(key, arg) {
let info = {};
try {
info = gen[key](arg);
} catch (error) {
reject(error);
return;
}
if (info.done) {
resolve(info.value);
} else {
return Promise.resolve(info.value).then((v) => {
return step('next', v);
}, (error) => {
return step('throw', error);
});
}
}
step('next');
});
}
看完以上代码，是不是一目了然了啊。
ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有解决模块化问题。Module功能就是为了解决这个问题而提出的。历史上，JavaScript一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如Ruby的`require`、Python的`import`，甚至就连CSS都有`@import`，但是JavaScript任何这方面的支持都没有，这对开发大宏仔搏型的、复杂的项目形成了巨大障碍。在ES6之前，社区制定了一些模块加载方案，最主要的有CommonJS和AMD两种。前者用于服务器，后者用于浏览器。ES6在语言规格的层面上，实现了模块功能，而且实现得相当简单，完全可以取代现有的蔽祥CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。//ReactjsES6代码中的实例importReactfrom'react'importReactDOMfrom'react-dom'import{createStore,combineReducers}from'redux'戚梁import{Provider}from'react-redux'import{Router,Route,IndexRoute,browserHistory}from'react-router'import{syncHistoryWithStore,routerReducer}from'react-router-redux'import{createDevTools}from'redux-devtools'importLogMonitorfrom'redux-devtools-log-monitor'importSliderMonitorfrom'redux-slider-monitor'importDockMonitorfrom'redux-devtools-dock-monitor'//otherfilejsimportcountReducersfrom'./countReducers'exportdefaultcountReducers
序言
这篇文章主要讲解面试中的一个问题 - ES6中的class语法的实现？
ECMAScript 6 实现了class，class是一个语法糖，使得js的编码更清晰、更人性化、风格更接近面向对象的感觉；也使 IDE 、编译期类型检查器、代码风格检查器等更方便地检测代码语法，做静态分析。同样的，这给没有类就缺点什么的开发工程师一个更低的门槛去接触js。
ES6 class 的 ES5 代码实现
JavaScript语言的传统方法是通过构造函数定义并生成新对象，这种写法和传统的面向对象语言差异较大。所以，ES6引入了Class这个概念作为对象的模板。
constructor
效果：ES6创建一个class会默认添加constructor方法，并在new调用时自动调用该方法。
ES5：
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.toString = function () {
return '(' + this.name + ',' + this.age + ')';
}
var p = new Person('Mia', 18);
console.log(p);// Person { name: 'Mia', age: 18 }
ES6：
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
toString() {
return '(' + this.name + ',' + this.age + ')';
}
}
var p = new Person('Mia', 18);
console.log(p);// Person { name: 'Mia', age: 18 }
ES6的class中constructor是构造方法，对应的是ES5中的构造函数Person，this关键字则代表实例对象。
ES6（又称ECMAScript 2015）是JavaScript语言的一种新标准，引入了许多新特性和语法糖，使得开发者能够更加方便和高效地编写JavaScript代码。在前端面试中，常常会被问到ES6的新特性，以下是一些较为常见的：
箭头函数：使用箭头符号（=>）定义函数，可以简化函数声明的语法。
let和const关键字：新增了let和const关键字，用于声明块级作用域的坦冲庆变量和常量，代替原有的var关键字。
模板字符串：使用反单引号（ ` ）定义字符串，支持在字符串中嵌入表达式和变量值。
解构赋值：允许从对象或数组中提取数据并赋值给变量，可以大大简化数据操作的代码。
Promise：引入Promise对象，用于异步编程和处理回调函数问题。
class和extends关键字：允许通过class和extends关键字定义类和继承关系，实判野现面向对象编程。
简化对象属性声明：对于对象属性声明，可以直接使用属性名代替键值对的形式。
for…of循环：通过for…of循环可以遍历数组、字符串等可迭代对象。
模块化：ES6引入了模块化概念，允许将代码模块封装到独立的文件中，并通过导入和导出让握来进行模块间的调用。
以上就是es6语法糖的全部内容，ES6 class 的 ES5 代码实现JavaScript语言的传统方法是通过构造函数定义并生成新对象，这种写法和传统的面向对象语言差异较大。所以，ES6引入了Class这个概念作为对象的模板。
