首页 > web前端 > js教程 > ES6 (ES2015) 如何演变并为现代 JavaScript 带来新功能?

ES6 (ES2015) 如何演变并为现代 JavaScript 带来新功能?

WBOY
发布: 2023-08-24 10:29:02
转载
1410 人浏览过

ES6 (ES2015) 如何演变并为现代 JavaScript 带来新功能?

在本文中,您将了解 ES6 (ES2015) 如何发展并为现代 JavaScript 带来新功能。

ES6 代表 ECMAScript 6。它是 ECMAScript 的第 6 个版本,旨在标准化 JavaScript。 ES6 的十大功能是:let 和 const 关键字、箭头函数、多行字符串、默认参数、模板文字、解构赋值、增强的对象文字、Promise。

示例 1

在这个例子中,我们来演示箭头函数(=>) -

console.log("An Arrow function Square has been defined")

square = (x) => { return x * x; }
 
let inputValue = 6
console.log("The input value is defined as :", inputValue)

let result= square(inputValue)
console.log("The square of the given value is :", result)
登录后复制

说明

  • 第 1 步 - 定义一个箭头函数“square”,它接受一个数字作为参数并返回该数字的平方。

  • 第 2 步 - 调用函数并将函数调用分配给一个值:“result”;

  • 第 3 步 - 显示结果。

示例 2

console.log("A class Rectangle is defined that uses constructor ",)
class Rectangle { 
   constructor(x, y) {
      this.x = x;
      this.y = y;
   }
}
let object = new Rectangle(10, 20);
console.log("A sides of the rectangle are defined as ")
console.log(object.x, " and ",object.y)
登录后复制

说明

  • 步骤 1 - 定义一个“矩形”类,它接受两个数字作为参数。该类使用构造函数分配两个值。

  • 第 2 步 - 使用对象调用类。

  • 第 3 步 - 显示值。

以上是ES6 (ES2015) 如何演变并为现代 JavaScript 带来新功能?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板