首页 > web前端 > js教程 > 正文

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

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

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”,它接受一个数字作为参数并返回该数字的平方。

    立即学习Java免费学习笔记(深入)”;

  • 第 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中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:tutorialspoint网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号