es5和es6有什么区别（为什么小程序要将es6转es5）

es5和es6有什么区别，为什么小程序要将es6转es5，下面web建站小编给大家详细介绍一下！

什么是es5

es5全称“ECMAScript 5”，也被称为ECMAScript2009，是ECMAScript标准的第5版，与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ES5还引入了一个语法的严格变种，被称为”严格模式(strict mode)”。

什么是es6

es6全称ECMAScript6（ECMAScript的第6个版本），是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

为什么小程序要将es6转es5

ES6作为JS的新规范，加入了很多新的语法和API，但现代浏览器对ES6新特性支持度不高，所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。将ES6代码转为ES5代码，只需在项目中安装和配置好Babel工具即可。

在 node.js 环境中，node 对 ES6 的支持一直被诟病，到了 13 版本之后，才出了模块模式（在 package.json 中增加一句：“type”: “module”），但有些库仍然不支持 ES6 语法。因此，如果你的 node.js 程序遇到不认识 ES6 语法的时候，请使用 Babel 转码一下也许就能解决问题。

代码示例

// 转码前：使用了ES6箭头函数
items.map(item => item + 1);

// 转码后：转为了普通函数
items.map(function (item) {
  return item + 1;
});

es5和es6的区别

比较项	ES5	ES6
定义	ES5是ECMAScript（由ECMA International定义的商标脚本语言规范）的第五版。	ES6是ECMAScript（ECMA International定义的商标脚本语言规范）的第六版。
发布	它于2009年推出。	它于2015年推出。
数据类型	ES5支持原始数据类型，包括字符串，数字，布尔值，空值和未定义（`undefined`）。	在ES6中，对JavaScript数据类型进行了一些补充。它引入了一种新的原始数据类型`symbol`以支持唯一值。
定义变量	在ES5中，只能使用`var`关键字定义变量。	在ES6中，有两种定义`let`和`const`变量的新方法。
性能	由于ES5早于ES6，因此某些功能不存在，因此其性能比ES6低。	由于具有新功能和速记存储实现，因此ES6具有比ES5更高的性能。
支持	许多社区都支持它。	它也有很多社区支持，但是比ES5小。
对象操纵	ES5比ES6耗时。	由于具有解构和速度运算符，因此可以在ES6中更平稳地处理对象操纵。
箭头函数	在ES5中，`function`和`return`关键字均用于定义函数。	箭头功能是ES6中引入的新功能，通过它不需要`function`关键字来定义函数。
循环	在ES5中，使用了`for`循环来遍历元素。	ES6引入了`for?of`循环的概念，以对可迭代对象的值执行迭代。