📌  相关文章
📜  ES2015：最新版本的 JavaScript

📅  最后修改于: 2022-05-13 01:58:10.454000             🧑  作者: Mango

ES2015：最新版本的 JavaScript

ES2015 是最新版本的 JavaScript 编程语言。这是自 1997 年以来对 JavaScript 的第一次重大升级。它于 2015 年 6 月由 ECMA 国际批准，该协会负责批准 JavaScript、CoffeeScript 和 TypeScript 等编程语言遵循的 ECMA 标准。从 Harmony 到 ES6 再到 ES2015，这个版本的 JavaScript 的名称经历了多次变化。在 ES2015 之前，ECMAScript 以版本号命名。直到最近才决定将根据发行年份命名。因此名称从 ES6 更改为 ES2015。

以下是主要升级列表

  1. 块作用域：长期以来，JavaScript 变量作用域以及变量提升的概念一直让开发人员感到困惑。在 ES5 之前，变量要么具有全局作用域，要么具有函数级作用域。缺少块作用域是一个真正的痛苦，特别是对于来自其他编程语言（如 C++/ Java）的人来说。随着在 ES2015 中引入“let”和“const”关键字，JavaScript 程序员的生活肯定会变得更轻松一些。
  1. Promises： Promises 提供了一种处理异步调用的机制。在 ES2015 中，JavaScript 具有用于注册和处理 Promise 的内置机制
  1. 箭头函数：随着箭头函数的添加，程序员将不得不输入更少的按键来声明一个函数。箭头函数还有助于删除像“self = this”这样的语句，因为箭头函数在被调用函数内部传递调用函数的“this”变量。
  1. 模块：到目前为止，要加载模块，开发人员必须依赖于 commonJS 或 requireJS 等库。在 ES2015 中，模块的概念通过模块加载器机制进入了 JavaScript。
  1. 类：明确的关键字“类”肯定会让来自任何其他面向对象编程语言的人更容易。
  1. 附加的字符串方法：很少有方便的方法被添加到字符串原型中。其中很少有
    1. prototype.startsWith：这个函数检查字符串是否以另一个字符串的字符开头。返回值为真或假。
    2. prototype.endsWith：这个函数检查字符串是否以另一个字符串的字符结尾。返回值为真或假。
    3. prototype.includes：此函数检查是否在另一个字符串中找到了一个字符串。返回值为真或假。
    4. prototype.repeat：这个函数将一个整数值作为参数，比如 i。它返回一个包含字符串的字符串，该字符串包含重复 i 次的字符串。
  1. 额外的 Array 方法： Array 原型中添加了一些方法以及新的静态类方法。其中很少有
    1. from：从类似数组或可迭代对象创建一个新数组。它还可以将映射函数应用于数组的所有项目。
    2. of：创建一个具有可变数量参数的新数组，而不管参数的类型或数量。
    3. prototype.find： Find函数将每个元素调用的回调函数作为参数。如果回调对任何元素返回 true，则立即返回该元素。如果回调没有为任何元素返回 true，则返回 undefined。
    4. prototype.findIndex：这个函数类似于 Array.prototype.find()。唯一的区别是它不是返回值，而是返回该值在数组中的索引。
    5. prototype.fill： Fill 方法用静态值填充数组从起始索引到结束索引的所有元素。
  1. 附加数学方法：方法已添加到数学对象。这些都是
    1. 符号：此函数返回数字的符号，指示它是正数、负数还是零。
    2. trunc：此函数通过删除任何小数部分返回数字的整数部分。
    3. cbrt：此方法返回输入数字的立方根。
  1. 解构：解构到位后，可以一次性为多个变量赋值。
  1. 参数默认值：函数参数现在可以具有默认值。因此，如果在调用用户时未将值传递给参数，则将使用默认值。使用此功能，现在可以在函数中避免初始输入参数验证。
  1. 模板字面量：字符串插值现在很容易使用反引号。要在字符串之间放置变量，您不再需要打断字符串并使用“+”运算符来连接字符串。只需将变量放在 $ 和花括号之间即可完成。现在也允许在反引号内使用多行字符串。

到目前为止，浏览器并不支持 ES2015 的所有特性，尽管最终它们会支持。

有用的链接：

  1. 要查看哪些浏览器支持哪些功能，请访问 https://kangax.github.io/compat-table/es6/。
  2. 本文简要介绍了 ES2015 的主要特性。如果您对更多内容感兴趣，可以在 http://es6-features.org/ 上找到完整的功能列表和示例。
  3. 链接到原始 ES2015 规范：http://www.ecma-international.org/ecma-262/6.0/
  4. 要了解 JavaScript 和 ECMAScript 之间的区别，请参阅 http://stackoverflow.com/questions/912479/what-is-the-difference-between-javascript-and-ecmascript/30113184#30113184 上的答案

关于作者：

“Harshit 是一名技术爱好者，对编程有着浓厚的兴趣。他持有 aB.Tech。 JIIT, Noida 的计算机科学学位，目前在 SAP 担任前端开发人员。他还是国家级乒乓球运动员。除此之外，他还喜欢看电影和英语情景喜剧来放松身心。他常驻德里，您可以通过 https://in.linkedin.com/pub/harshit-jain/2a/129/bb5 与他联系

如果您还想在这里展示您的博客，请参阅 GeeksforGeeks 上的客座博客文章 GBlog。