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新特性


相关文章
|
1月前
|
JavaScript 前端开发 IDE
TypeScript在大型前端项目中的价值与实践策略
【4月更文挑战第7天】本文探讨了TypeScript在大型前端项目中的价值和实践策略。 TypeScript通过静态类型检查、代码提示、接口与泛型提高代码质量和开发效率。在大型项目中,可采用逐步迁移策略,制定类型规范,利用IDE特性,并维护类型定义文件。通过CI/CD和培训分享,团队能充分发挥TypeScript优势,提升项目可维护性、可扩展性和开发效率。
22 0
|
6月前
|
SQL 自然语言处理 关系型数据库
从真实案例出发,全方位解读 NebulaGraph 中的执行计划
当我们遇到语句执行慢问题时,也许你该读一读这条语句的执行计划,看看它卡在哪里。读完执行计划之后,针对性优化相关耗时长的算子。
46 0
|
6月前
|
JavaScript 前端开发 关系型数据库
ES6 新特性重点部分
ES6新特性 重点部分汇总及演示。
61 0
|
6月前
|
存储 JSON JavaScript
ts知识点——基础积累
ts知识点——基础积累
26 0
|
8月前
|
弹性计算 监控 NoSQL
图数据库系统重构之路:从OrientDB迁移到NebulaGraph 真实案例分享
图数据库系统重构之路:从OrientDB迁移到NebulaGraph 真实案例分享
102 0
|
10月前
|
自然语言处理 监控 负载均衡
es技术介绍及其使用场景
Elasticsearch(简称ES)是一个开源的实时分布式搜索和分析引擎,基于Apache Lucene构建而成。它被广泛应用于处理大规模数据、实时索引和搜索、复杂查询以及数据分析和可视化等领域。
402 0
《圆桌讨论: 从趋势、工具或相关的技术点谈APP的优化》电子版地址
圆桌讨论: 从趋势、工具或相关的技术点谈APP的优化
48 0
《圆桌讨论: 从趋势、工具或相关的技术点谈APP的优化》电子版地址
|
存储 SQL 人工智能
谈谈企业如何构建现代数据平台
数据平台是一组集成的技术,它们共同满足组织的端到端数据需求。
谈谈企业如何构建现代数据平台
|
JavaScript 前端开发 开发者
前端技术-Es6 的介绍 | 学习笔记
简介:快速学习前端技术-Es6 的介绍
95 0
|
Web App开发 自然语言处理 JavaScript
ES6之路之模块详解
一个模块只不过是一个写在文件中的 JavaScript 代码块。
106 0