
ES6
文章平均质量分 64
关于ES6
Continue丶
努力变得更好一点
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ES6: 模块化
文章目录1. 概述2. 优点3. 模块化产品4. 模块化语法4.1 export用法总结4.2 import用法总结5. 入口文件app.js6.Babel 1. 概述 模块化是将一个大程序文件,拆分成许多小文件,然后将小文件组合起来。这里小文件指的就是模块 2. 优点 1. 防止命名冲突:模块化文件之间的属性变量互不影响 2. 代码复用:可以通过封装并暴露代码文件以达到可以进行复用的目的 1. 高维护性:由于文件之间没有冲突,因此可以方便对特定模块进行修改。 3. 模块化产品 ES6之前的模块化规范有原创 2021-04-10 11:41:25 · 268 阅读 · 0 评论 -
ES6:对象方法扩展
文章目录1.Object.is(两个值是否完全相等)2. Object.assign( 对象的合并)3. Object.setPrototypeOf(设置原型对象) Object.getPrototypeOf(得到原型对象) 1.Object.is(两个值是否完全相等) Object.is用来判断两个值是否完全相等。 <script> console.log(Object.is(100, 100));//true console.log(Object.is原创 2021-04-09 11:42:14 · 189 阅读 · 0 评论 -
ES6:数值的扩展
文章目录1.Number.EPSILON 1.Number.EPSILON Number.EPSILON是JS中表示的最小精度,接近于2.220446049250313e-16 <script> console.log(Number.EPSILON);//2.220446049250313e-16 </script>原创 2021-04-09 10:42:58 · 189 阅读 · 0 评论 -
ES6:集合介绍与API
文章目录1.Set1.1声明1.2 属性和方法1.3 实践2. Map1.1声明1.2 属性和方法 1.Set ES6提供了新的数据结构 Set(集合)。它类似于数组,组成员的值都是唯一的,集合实现了 iterator 接口,所以可以使用 扩展运算符 和 for of 进行遍历。 特点:由于它的组成成员的值都是唯一的,所以它可以用来去重。 1.1声明 通过操作符new声明,括号内可接数组 <script> let s = new Set(); let s2 = new Set(原创 2021-04-08 21:41:21 · 373 阅读 · 0 评论 -
ES6:生成器函数
文章目录1.概述2.声明3. 调用4.yield5. 参数传递6. 实例 1.概述 生成器是一个函数,是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同。 之前我们用的解决异步编程的方案是 纯回调函数 ,就是一层套一层 ,最后会形成回调地狱。如node里的fs模块、ajax、以及数据库的操作mongodb 2.声明 生成器函数与普通函数有所不同,它需要在 function 与 函数名之间添加个*号。如: <script> function * gen(){原创 2021-04-08 00:32:22 · 1169 阅读 · 2 评论 -
ES6:迭代器
1. 概述 迭代器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作。 1)ES6创造了一种新的遍历命令for…of循环,Iterator 接口主要供 for…of消费 2)原生具备Iterator接口的数据(可用for of遍历) Array Arguments Set Map String TypedArray NodeList 3)工作原理 创建一个指针对象,指向当前数据结构的起始位置 第一次调用对象的next原创 2021-04-07 21:25:28 · 293 阅读 · 0 评论 -
ES6:扩展运算符
1. 概述 […] 扩展运算符能将 [数组] 转换为逗号分隔的 [参数序列] 如: <script> var arr = ['吃饭', '睡觉', '学习']; console.log(arr); console.log(...arr);//扩展运算符 </script> 2. 应用 2.1 数组合并 <script> // 1.数组合并 let arr1 = ['星期一', '星期二', '星期三']; let arr原创 2021-04-07 00:05:11 · 168 阅读 · 0 评论 -
ES6:rest参数
1.概述 ES6 引入rest参数,用于获取函数的实参,用来代替arguments 2.运用 rest参数以…args作为参数,通过args获取。 <script> function fn(...args) { console.log(args); } fn(1, 2, 3); </script> 显示: 参数可以有多个,但是rest参数必需放在最后 <script> function fn(a, b, c, ...ar原创 2021-04-06 23:22:14 · 213 阅读 · 0 评论 -
ES6:箭头函数
1. 概述 ES6中允许用箭头(=>)来定义函数,这是ES6中很重要i的一个新增特性。 2. 特性 2.1 箭头函数内this为静态 this是静态的,this始终指向函数声明时所在作用域下的this的值 <script> // 普通函数 var fn = function () { console.log(this); } //箭头函数 var arrow = () => { console.log(this)原创 2021-04-06 22:47:25 · 154 阅读 · 0 评论 -
ES6:模版字符串
1.概述 ES6引入了一种新的声明字符串的方式,它就是模板字符串,符号是反引号` 2.新特性 它相对于单引号和双引号,有自己的新特性,如下: 2.1 可以声明换行的字符串 我们之前在声明innerHTML时,为了展现html结构,我们一般会让字符串换行,但是单引号双引号会报错,而模板字符串不会 <script> const STR = ` <ul> <li></li> <li></li> <原创 2021-04-06 22:12:09 · 95 阅读 · 0 评论 -
ES6:变量的解构赋值
1.概述 ES6允许按照一定的模式从数组和对象中提取值,对变量进行赋值。这杯称为解构赋值. 2.数组的解构 <script> // 1.数组的解构 const ARR = ['恭', '喜', '发', '财']; let [a, b, c, d] = ARR; console.log(a);//恭 console.log(b);//喜 console.log(c);//发 console.log(d);//财 </script&g原创 2021-04-06 21:51:35 · 95 阅读 · 0 评论 -
ES6:理解 var let const
var let const 声明风格及最佳实践 变量 ECMAScript 变量是松散类型的,意思是变量可以用于保存任何类型的数据。每个变量只不过是一个用于保存任意值的命名占位符。有三个关键字可以声明变量:var、let、const。其中var在ECMAScript的所有版本中都可以使用,而let和const只能在ECMAScript6中使用。 1.var ```javascript var message ``` 声明名为message的变量,可以用于保存任何类型的值(不初始化的情况下,变量会保存一个特殊原创 2021-01-20 00:06:36 · 174 阅读 · 0 评论 -
ES6: 类
前言: 在ES6之前,我们都是通过构造函数+原型实现面向对象编程。 在ES6之后,我们通过类来实现面向对象编程 类的本质 类的本质其实还是一个函数,我们也可以简单的认为,类就是构造函数的另一种写法 我们知道构造函数有以下特点: 构造函数具有原型对象prototype 构造函数原型对象prototype里面有constructor指向构造函数本身 构造函数可以通过原型对象添加方法 构造函数创建的实例对象有__proto__对象原型指向构造函数的原型对象 带着以上特点我们去看类 <script>原创 2021-04-03 21:57:12 · 156 阅读 · 0 评论