ES6语法解析
文章平均质量分 55
讲解ES6项目中常用语法, 所分享内容均有图例以及运行结果展示, 并且最后有一个ES6的小项目以供学习。
黑木令
这个作者很懒,什么都没留下…
展开
-
JavaScript ES6 - 对象扩展
本章节的主要内容是: ES6 对象扩展一: 对象扩展 1. 属性的简洁表示方法 2. 属性表达式 3. 扩展运算符 4. Object 新增方法如图所示:1. ES6 属性的简洁表示方法: {}/**1.1 普通属性 */// ES5 对象写法{ // 示例一 let str1 = '字符' let num1 = 11111 let objES5 = { str1: str1, num1: num1 } consol原创 2022-01-05 08:41:52 · 672 阅读 · 0 评论 -
JavaScript ES6 - 函数扩展
1. 函数新增特性: 1. 参数默认值 2. rest 参数 3. 扩展运算符 4. 箭头函数 5. this 绑定 6. 尾调用原创 2022-01-04 08:43:26 · 469 阅读 · 0 评论 -
JavaScript ES6 - 数组扩展
本章节的主要内容是: ES6 数组扩展一: 数组扩展: 1. 数组新增特性 <10个API> 1. Array.from() 2. Array.of() 3. copyWithin() 4. find/findIndex 5. fill() 6. entries() / keys() / values() 7. includes()如图所示:1. ES6 Array.from()原创 2022-01-03 23:15:42 · 372 阅读 · 0 评论 -
JavaScript ES6 - 数值扩展
本章节的主要内容是: ES6 数值扩展一: 数值扩展: 数值处理的新增特性 1. 新增方法 1. 主要是关于数学处理, 如: 立方根、指数 等等 2. 方法调整 1. 有一部分是将原来的全局处理数值相关的方法, 移植到了 Number 对象上 <但是它们的功能不变> 。 3. 数值扩展常用 API 总结: 1. Number.isFinite() 2. Number.isNaN()如图所示:1. 二进制与原创 2022-01-03 17:40:58 · 620 阅读 · 0 评论 -
ES6语法——字符串扩展
字符串扩展内容一: 字符串扩展1. 字符串中处理 Unicode 字符的方法2. 字符串中遍历接口3. 模板字符串4. 常用 API 1. codePointAt 2. fromCodePoint 3. for...of... 4. includes 5. startsWith 6. endsWith 7. repeat 8. padStart 9. padEnd 10. raw如图所示:补丁: 因为一些方法是 ES7 的提案,原创 2022-01-01 23:44:26 · 420 阅读 · 0 评论 -
JavaScript ES6 - 正则表达式扩展
正则扩展: 主要来与 ES5 做一个对比 (也就是语法的扩展)1. ES6 正则新特性: 1. 构造函数的变化 2. 正则方法的扩展: 字符串支持的处理方法(注意字符串的处理方式扩展在下面各个知识点中, 并没有单独作为一个模块来分析) 3. u 修饰符 4. y 修饰符 5. s 修饰符如图所示:1. 正则构造函数{ // 声明 ES5 中的正则对象, 看原来的构造函数是怎么写的 /** * 1. 第一原创 2021-12-31 17:52:10 · 504 阅读 · 0 评论 -
JavaScript ES6 - 解构赋值
ES6 语法: 解构赋值本文主要讲解 ‘解构赋值’ 相关内容, 从两个方面入手: 1. 什么是结构赋值; 2. 解构赋值的分类 。如图所示:1. 什么是 ES6 解构赋值1. ES6 入门标准一书中的定义是: 允许按照一定的模式从数组和对象中取值, 然后对变量进行赋值, 这被称为解构 。2. 左边一种结构、右边一种结构, 然后左右按照一定的对应关系进行赋值 。2. 解构赋值的分类1. 数组的解构赋值 ⭐️2. 对象的解构赋值 ⭐️3. 字符串解构赋值4. 布尔值解构赋值5. 数值原创 2021-12-30 22:40:18 · 1051 阅读 · 2 评论 -
JavaScript ES6 - let 与 const 使用方及与var对比
ES6 语法: let 与 const本文主要讲解 let / const / var 关键字相关内容, 解释了它们的基本用法以及相关需要注意的知识点; 其中还包含一些作用域的相关概念 。let / const / var 它们的作用基本上是一致的, 但是它们还是有很多区别的; 下面我们就来看看他们之间的区别与作用 。1. 作用域1. 在 ES6 之前, 也就是 ES5 中, 有两个作用域 1. 全局作用域 2. 函数作用域 2. 在 ES6 中新增加了 '块级作用域' {} 。原创 2021-12-29 22:00:00 · 343 阅读 · 0 评论 -
ES6 - gulp 构建运行环境 - 最详细篇章
这篇文章主要讲解–构建脚本编码:首先我们下来看下配置文件的整体目录: 配置文件一共是 9 个。 各个文件所对应的功能下面有具体且详细的解释 。如下图所示:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aSOTJYCx-1640682047531)(/Users/ouetsu/Documents/i-es6/ES6-基础-彩票demo/b-项目构建/imgs/02-02.png)]1. 定义参数: 对命令行参数解析1.1 配置文件在 tasks/util/args.j原创 2021-12-28 18:27:56 · 522 阅读 · 0 评论 -
ES6基础——环境构建、任务自动化、服务器搭建
ES6基础——环境构建1. 为什么学习 ES6 需要构建环境1. 因为 ES6 一些语法, 在浏览器中是不能直接运行的 。2. 环境构建内容:1. 基础架构 1. 项目需要放置那些目录 。 2. 那些目录放置那些文件 。 3. 思考为什么这样放, 它的合理性在哪里 。 4. 结合模块化的思想, 如何去创建一个前端项目的架构组成 。 2. 任务自动化 (gulp) 1. 简单来说就是自动化编译, 如 sass/less 自动编译为 css 。 3. 编译原创 2021-12-27 23:19:14 · 535 阅读 · 0 评论 -
ES6重要吗?为什么要学习ES6?
ES6 的全称 ECMAScript1. ES6 使用频率比较高的特性1. 解构赋值 (改变了参数赋值, 变量赋值的形式) 。2. 箭头函数 。3. 数据结构: Set 和 Map 。4. 异步操作: 解决回调噩梦的问题 。5. 类与对象 。6. 模块化 。2. 学习 ES6 的步骤1. 构建一套支持 ES6 的环境 ( gulp / babel / webpack / npm )。2. 学习 ES6 的基础语法 ( 了解用法; 代码用法实例; 注意事项 )3. 实际项目开发 。原创 2021-12-27 16:24:10 · 1040 阅读 · 0 评论