ES5和ES6之间的区别？
栏目: JavaScript · 发布时间: 7年前
内容简介：ECMAScript 5（ES5）：ECMAScript的第5版，于2009年标准化。该标准已在所有现代浏览器中完全实现ECMAScript 6（ES6）/ ECMAScript 2015（ES2015）：第6版ECMAScript，于2015年标准化。该标准已在大多数现代浏览器中部分实施。以下是ES5和ES6之间的一些主要区别：
ECMAScript 5（ES5）：ECMAScript的第5版，于2009年标准化。该标准已在所有现代浏览器中完全实现
ECMAScript 6（ES6）/ ECMAScript 2015（ES2015）：第6版ECMAScript，于2015年标准化。该标准已在大多数现代浏览器中部分实施。
以下是ES5和ES6之间的一些主要区别：
1.箭头函数和字符串插值：
const greetings = (name) => {
return `hello ${name}`;
}
或：
const greetings = name => `hello ${name}`;
2. Const在许多方面像其他语言中的常量一样工作，但有一些警告。Const表示对值的“恒定引用”。因此，使用const，您可以改变变量引用的对象的属性，你无法改变引用本身。
const NAMES = [];
NAMES.push("Jim");
console.log(NAMES.length === 1); // true
NAMES = ["Steve", "John"]; // error
3. 块范围变量。新的ES6关键字let允许开发人员在块级别定义变量。
4. 默认参数值 默认参数允许我们使用默认值初始化函数。如果省略或未定义参数，则使用默认值 - 表示null是有效值。
// Basic syntax
function multiply (a, b = 2) {
return a * b;
}
multiply(5); // 10
5. 类定义和继承：ES6引入了对类（class关键字），构造函数（constructor关键字）和extend继承关键字的语言支持。
6. for-of运算符：
for ... of语句创建一个循环遍历可迭代对象的循环。
7. Spread Operator对象合并
const obj1 = { a: 1, b: 2 }
const obj2 = { a: 2, c: 3, d: 4}
const obj3 = {...obj1, ...obj2}
8. Promises提供了一种处理异步操作的结果和错误的机制。你可以用回调来完成同样的事情，但是promises通过方法链接和简洁的错误处理提供了更高的可读性。
const isGreater = (a, b) => {
return new Promise ((resolve, reject) => {
if(a > b) {
resolve(true)
} else {
reject(false)
}
})
}
isGreater(1, 2)
.then(result => {
console.log('greater')
})
.catch(result => {
console.log('smaller')
})
9. 模块导出和导入
看看模块导出：
const myModule = { x: 1, y: () => { console.log('This is ES5') }}
export default myModule;
模块导入：
import myModule from './myModule';
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
機器，平台，群眾
安德魯‧麥克費(Andrew McAfee)、艾瑞克‧布林優夫森(Erik Brynjolfsson) / 李芳齡 / 天下文化 / 2017-12-27 / TWD550
★★Amazon.com商業理財Top1 ★★ 全球暢銷書《第二次機器時代》作者最新力作 兩位MIT數位頂尖科學家歷時三年時間 走訪矽谷、華府、劍橋、紐約、倫敦、舊金山等科技政經重鎮 拜會許多領域精英進行交流，結合宏觀趨勢觀察， 指出人人都應關注的三重革命 科技正以空前速度改變每個產業及每個人的生活， 你該如何做，才能保持領先？ 我們生活在一個奇特的......一起来看看 《機器，平台，群眾》 这本书的介绍吧!
