ES6:基础使用,积累

简介: ES6:基础使用,积累

一、理解ES6


ES6是ECMAScript 6.0的简称,也被称为ES2015。它是ECMAScript的第六个版本,是JavaScript标准的下一个重大更新。ES6于2015年6月发布,新增了许多新的语言特性和API,包括箭头函数、let和const关键字、模板字符串、解构赋值、展开运算符、类、模块化等等。ES6的新增特性让JavaScript语言更加强大和灵活,同时也让开发者编写代码更加的简便和高效。因此,学习和掌握ES6对于提高JavaScript编程能力和开发效率是非常重要的。


二、理解ECMAScript


JavaScript 是大家所了解的语言名称,但是这个语言名称是商标( Oracle 公司注册的商标)。因此,JavaScript 的正式名称是 ECMAScript 。1996年11月,JavaScript 的创造者网景公司将 JS 提交给国际化标准组织 ECMA(European computer manufactures association,欧洲计算机制造联合会),希望这种语言能够成为国际标准,随后 ECMA 发布了规定浏览器脚本语言的标准,即 ECMAScript。这也有利于这门语言的开放和中立。


三、浏览器可以直接使用ES6语法吗?


大部分现代浏览器已经支持ES6语法,但是一些旧版本的浏览器可能不支持或只支持部分ES6语法特性。为了确保兼容性,您可以使用Babel等工具将ES6代码转换为ES5代码,以便在旧版本的浏览器上运行。


四、ES6环境搭建,步骤


1、安装 Node.js:ES6 是在 Node.js 环境下运行的,因此需要先安装 Node.js。可以从官网下载对应平台的 Node.js 安装包进行安装。


2、安装 Babel:Babel 可以将 ES6 的代码转换成浏览器或者 Node.js 理解的代码,因此需要安装 Babel。可以使用以下命令进行安装:


npm install --save-dev @babel/core @babel/cli @babel/preset-env

3、 创建 Babel 配置文件:在项目的根目录下创建一个名为 .babelrc 的文件,并添加以下内容:


{
  "presets": ["@babel/preset-env"]
}

4、创建项目目录结构:创建一个名为 src 的文件夹,在其中添加一个名为 index.js 的文件,用于存放 ES6 代码。


5、编写 ES6 代码:在 index.js 文件中编写 ES6 代码。


6、使用 Babel 转换代码:在命令行中使用以下命令将 ES6 代码转换为浏览器或者 Node.js 可以理解的代码:


npx babel src --out-dir dist

其中,src 表示源代码目录,dist 表示编译后的代码目录。


在浏览器或者 Node.js 中运行编译后的代码:将编译后的代码复制到浏览器或者 Node.js 中运行即可。


ES6 教程 | 菜鸟教程

webpack打包转换es6_Webpack 杂篇_Airbnb爱彼迎的博客-CSDN博客


五、声明与表达式


image.pngimage.png

image.png


六、内置对象


image.png

image.png


七、运算符与语句


image.png


八、异步编程


image.png


九、实践


十、过程记录


十一、欢迎交流指正,关注我,一起学习


十二参考链接


ES6:flat()_es6 flat_snow@li的博客-CSDN博客

ES6:promise简单学习_snow@li的博客-CSDN博客

百度安全验证

https://www.cnblogs.com/anding/p/16890716.html

Object.assign详解_guxin_duyin的博客-CSDN博客

1.1 ES6 教程 | 菜鸟教程 (runoob.com)

JS数组reduce()方法详解及高级技巧 - 简书

es6新特性有哪些-常见问题-PHP中文网

一文告诉你es6新特性有哪些 - 动力节点

ES 6 新特性汇总(一图全览) - 知乎

最全的—— ES6有哪些新特性?_admin_zlj的博客-CSDN博客_es6新特性


相关文章
|
SQL 分布式计算 Hadoop
|
2月前
|
JavaScript 前端开发 编译器
解锁JavaScript模块化编程新纪元:从CommonJS的基石到ES Modules的飞跃,探索代码组织的艺术与科学
【8月更文挑战第27天】随着Web应用复杂度的提升,JavaScript模块化编程变得至关重要,它能有效降低代码耦合度并提高项目可维护性及扩展性。从CommonJS到ES Modules,模块化标准经历了显著的发展。CommonJS最初专为服务器端设计,通过`require()`同步加载模块。而ES Modules作为官方标准,支持异步加载,更适合浏览器环境,并且能够进行静态分析以优化性能。这两种标准各有特色,但ES Modules凭借其更广泛的跨平台兼容性和现代语法逐渐成为主流。这一演进不仅标志着JavaScript模块化的成熟,也反映了整个JavaScript生态系统的不断完善。
38 3
|
2月前
|
缓存 前端开发 安全
Angular 与 GraphQL 强势联合超厉害!现代前端数据获取新范式,开启高效开发新旅程!
【8月更文挑战第31天】在前端开发领域,Angular 与 GraphQL 的结合为数据获取带来了革命性的变化。Angular 凭借其强大的组件化开发模式和依赖注入特性,成为构建大型应用的理想选择。然而,在数据获取上,传统 RESTful API 显得力不从心。这时,GraphQL 出现了,它允许前端精确获取所需数据,避免了数据过度获取或不足的问题。通过一个简单的查询语句,即可一次性获取所需数据,极大地提升了效率。虽然在实际应用中仍需解决缓存和错误处理等问题,但这种结合无疑为现代前端数据获取开辟了新道路,推动技术不断进步。
27 0
|
4月前
|
存储 算法 C语言
技术经验解读:全局描述符表GDT
技术经验解读:全局描述符表GDT
|
5月前
|
JavaScript 前端开发 IDE
TypeScript在大型前端项目中的价值与实践策略
【4月更文挑战第7天】本文探讨了TypeScript在大型前端项目中的价值和实践策略。 TypeScript通过静态类型检查、代码提示、接口与泛型提高代码质量和开发效率。在大型项目中,可采用逐步迁移策略,制定类型规范,利用IDE特性,并维护类型定义文件。通过CI/CD和培训分享,团队能充分发挥TypeScript优势,提升项目可维护性、可扩展性和开发效率。
74 0
|
11月前
|
存储 JSON JavaScript
ts知识点——基础积累
ts知识点——基础积累
51 0
|
弹性计算 监控 NoSQL
图数据库系统重构之路:从OrientDB迁移到NebulaGraph 真实案例分享
图数据库系统重构之路:从OrientDB迁移到NebulaGraph 真实案例分享
165 0
《圆桌讨论: 从趋势、工具或相关的技术点谈APP的优化》电子版地址
圆桌讨论: 从趋势、工具或相关的技术点谈APP的优化
54 0
《圆桌讨论: 从趋势、工具或相关的技术点谈APP的优化》电子版地址
|
前端开发 JavaScript
前端基础知识库-ES6基础知识
随着前端的发展,JavaScript应用的领域也越来越广泛,其原本的语法的局限性也越来越明显,这便推动了ECMA制定ECMASCRIPT6(以下简称ES6)规范的推广,目前各大浏览器基本都支持了ES6的语法,下面就来了解下ES6的基本语法。
下一篇
无影云桌面