![](https://img-blog.csdnimg.cn/20210325181906511.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
ES6
文章平均质量分 64
关于ES6
Continue丶
努力变得更好一点
展开
-
ES6: 模块化
文章目录1. 概述2. 优点3. 模块化产品4. 模块化语法4.1 export用法总结4.2 import用法总结5. 入口文件app.js6.Babel1. 概述模块化是将一个大程序文件,拆分成许多小文件,然后将小文件组合起来。这里小文件指的就是模块2. 优点1. 防止命名冲突:模块化文件之间的属性变量互不影响2. 代码复用:可以通过封装并暴露代码文件以达到可以进行复用的目的1. 高维护性:由于文件之间没有冲突,因此可以方便对特定模块进行修改。3. 模块化产品ES6之前的模块化规范有原创 2021-04-10 11:41:25 · 227 阅读 · 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 · 104 阅读 · 0 评论 -
ES6:数值的扩展
文章目录1.Number.EPSILON1.Number.EPSILONNumber.EPSILON是JS中表示的最小精度,接近于2.220446049250313e-16<script> console.log(Number.EPSILON);//2.220446049250313e-16</script>原创 2021-04-09 10:42:58 · 121 阅读 · 0 评论 -
ES6:集合介绍与API
文章目录1.Set1.1声明1.2 属性和方法1.3 实践2. Map1.1声明1.2 属性和方法1.SetES6提供了新的数据结构 Set(集合)。它类似于数组,组成员的值都是唯一的,集合实现了 iterator 接口,所以可以使用 扩展运算符 和 for of 进行遍历。特点:由于它的组成成员的值都是唯一的,所以它可以用来去重。1.1声明通过操作符new声明,括号内可接数组<script> let s = new Set(); let s2 = new Set(原创 2021-04-08 21:41:21 · 194 阅读 · 0 评论 -
ES6:生成器函数
文章目录1.概述2.声明3. 调用4.yield5. 参数传递6. 实例1.概述生成器是一个函数,是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同。之前我们用的解决异步编程的方案是 纯回调函数 ,就是一层套一层 ,最后会形成回调地狱。如node里的fs模块、ajax、以及数据库的操作mongodb2.声明生成器函数与普通函数有所不同,它需要在 function 与 函数名之间添加个*号。如:<script> function * gen(){原创 2021-04-08 00:32:22 · 995 阅读 · 2 评论 -
ES6:迭代器
1. 概述迭代器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作。1)ES6创造了一种新的遍历命令for…of循环,Iterator 接口主要供 for…of消费2)原生具备Iterator接口的数据(可用for of遍历)ArrayArgumentsSetMapStringTypedArrayNodeList3)工作原理创建一个指针对象,指向当前数据结构的起始位置第一次调用对象的next原创 2021-04-07 21:25:28 · 246 阅读 · 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 · 108 阅读 · 0 评论 -
ES6:rest参数
1.概述ES6 引入rest参数,用于获取函数的实参,用来代替arguments2.运用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 · 146 阅读 · 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 · 119 阅读 · 0 评论 -
ES6:模版字符串
1.概述ES6引入了一种新的声明字符串的方式,它就是模板字符串,符号是反引号`2.新特性它相对于单引号和双引号,有自己的新特性,如下:2.1 可以声明换行的字符串我们之前在声明innerHTML时,为了展现html结构,我们一般会让字符串换行,但是单引号双引号会报错,而模板字符串不会<script> const STR = ` <ul> <li></li> <li></li> <原创 2021-04-06 22:12:09 · 63 阅读 · 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 · 58 阅读 · 0 评论 -
ES6:理解 var let const
varletconst声明风格及最佳实践变量ECMAScript 变量是松散类型的,意思是变量可以用于保存任何类型的数据。每个变量只不过是一个用于保存任意值的命名占位符。有三个关键字可以声明变量:var、let、const。其中var在ECMAScript的所有版本中都可以使用,而let和const只能在ECMAScript6中使用。1.var```javascriptvar message```声明名为message的变量,可以用于保存任何类型的值(不初始化的情况下,变量会保存一个特殊原创 2021-01-20 00:06:36 · 133 阅读 · 0 评论 -
ES6: 类
前言:在ES6之前,我们都是通过构造函数+原型实现面向对象编程。在ES6之后,我们通过类来实现面向对象编程类的本质类的本质其实还是一个函数,我们也可以简单的认为,类就是构造函数的另一种写法我们知道构造函数有以下特点:构造函数具有原型对象prototype构造函数原型对象prototype里面有constructor指向构造函数本身构造函数可以通过原型对象添加方法构造函数创建的实例对象有__proto__对象原型指向构造函数的原型对象带着以上特点我们去看类<script>原创 2021-04-03 21:57:12 · 122 阅读 · 0 评论