es6
关注
分享
扫一扫
longfei815
前端，python技术分享，学习，共同进步！
展开
-
4小时快速掌握ES6核心用法 - 1.22 类的继承
1.22 类的继承类和类之间可以通过extends关键字实现继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" cont原创 2022-03-29 10:26:36 · 118 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.21 class类的用法
1.21 class类的用法constructor方法 是类的默认方法,通过new命令生成对象实例时,自动调用该方法,一个类必须有constructor方法,如果没有定义,会被默认添加访问器属性 get()和set<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device原创 2022-03-29 10:12:41 · 161 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.20 async的用法
1.20 async的用法es2017引入了async函数,使异步操作更加方便其实它就是Generator函数和promise的语法糖基本用法async函数返回一个Promise对象,可以使用then方法添加回调函数,但函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句async函数内部return语句返回的值，会成为then方法回调函数的参数。如果async函数中有多个await 那么then函数会等待所有的await指令 运行完的结果 才去执行原创 2022-03-24 20:37:47 · 193 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.19 Promise对象的其它方法
1.19 Promise对象的其它方法<!DOCTYPE html><html lang="en"> <head> <title>1.19 Promise对象的其它方法</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"&g原创 2022-03-24 20:30:26 · 65 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.18 使用Promise封装ajax
1.17 promise的基本用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2022-03-24 16:53:35 · 75 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.17 promise的基本用法
1.17 promise的基本用法1. Promise 它其实就是一个容器,里面保存着某个未来才会结束的事件(异步操作)的结果各种异步操作都可以用同样的方法进行处理 axiosPromise接收一个函数作为参数,默认的relove和reject分别是两个函数romise对象有以下两个特点。1.对象的状态不受外界影响 2.一旦状态改变，就不会再变，任何时候都可以得到这个结果处理异步操作三个状态： Pending(进行) Resolved(成功) Rejected(失败)<!DOCT原创 2022-03-24 16:22:03 · 198 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.16 Generator的应用
1.16 Generator的应用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2022-03-24 12:08:10 · 121 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.15 生成器generator的用法
1.15 生成器generator的用法es6新引入了Generator函数，可以通过yield关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而也为了异步编程提供了解决方案它跟普通函数的区分1、在function后面，函数名之前有个*2、函数内部有yield(产出)表达式，让函数挂起。函数上带 * 表示函数为Generator函数，每次执行函数都会返回一个遍历器对象必须调用遍历器对象的next方法,使得指针移向下一个状态总结: Generator函数是分段执行的,yie原创 2022-03-24 09:14:55 · 132 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.14 迭代器Interator的用法
1.14 迭代器Interator的用法1.Iterator是es6引入的一种新的遍历机制。两个核心：(1) 迭代器是一个统一的接口，它的作用是使各种数据结构可被便捷的访问，它是通过一个键为Symbol.iterator 的方法来实现。(2) 迭代器是用于遍历数据结构元素的指针（如数据库中的游标）。使用迭代1.使用Symbol.iterator创建一个迭代器2.调用next方法向下迭代，next方法会返回当前的位置3.当done为true时则遍历结束<!DOCTYPE h原创 2022-03-23 16:04:22 · 2465 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.12 1.13 数组的扩展方法
1.12 1.13 数组的扩展方法1.数组的方法 from() of() from() 将伪数组转换成真正的数组from()还可以接受第二个参数,用来对每个元素进行处理2. of() 将一组值,转换成数组 暂时没发现它的用途3. copyWithin() 数组内部将制定位置的元素复制到其他位置,返回当前数组 (了解一下就可以了)4.find()和findIndex() find()找出第一个符合条件的数组成员findIndex()找出第一个符合条件的数组成员的索引5...原创 2022-03-22 09:14:48 · 81 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.11 Map数据类型
1.11 Map数据类型Map类型是键值对的有序列表，而键和值都可以是任意类型set和map作用基本上相似<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=原创 2022-03-22 09:09:33 · 77 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.10 set集合数据类型
1.10 set集合数据类型Set类型，集合，表示一种无重复值的有序列表add()方法向set中添加元素add()方法用相同值进行了多次调用，重复了，该调用会被忽略size属性来访问该集合的长度has()方法来校验某个值是否存在于Set中移除 delete()clear 清空forEach()方法：遍历set中没有键 通过set[0] 是获取不到对应的值的，es6规定将set的每一项同时认定为键和值。值就是键，键就是值，由此会出现key和val相等的现象。<!原创 2022-03-21 11:10:11 · 89 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.9 Symbol类型
1.9 Symbol类型(了解一下就可以了，用的不多)es6中引入一个新的原始数据类型 Symbol类型，它表示独一无二的值。最大的用途 是用来定义对象的私有成员ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol 。它是一个基本类型的值，不能使用new关键字来创建使用场景由于 每一个Symbol的值都是不相等的，所以Symbol作为对象的属性，可以保证属性不重复如果用Symbol定义的.原创 2022-03-21 11:04:56 · 75 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.7 解构赋值
1.7 解构赋值解构赋值时对赋值运算符的一种扩展它通常针对数组或者对象进行操作。优点：代码书写上简洁且易读<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=原创 2022-03-20 11:02:07 · 381 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.6 箭头函数this指向和注意事项
1.6 箭头函数this指向和注意事项箭头函数没有this绑定，没有this指向，箭头函数内部this值只能通过查找作用域链来确定，一旦使用箭头函数，当前就不存在作用域。js犯错最多的就是函数中this的绑定，由于函数内部的this值能被改变，这取决于调用该函数的上下文对象<!DOCTYPE html><html lang="en"> <head> <title>1.6 箭头函数this指向和注意事项</title&原创 2022-03-20 10:47:54 · 104 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.5 函数之扩展运算符、箭头函数
1.5 函数之扩展运算符、箭头函数扩展运算符剩余运算符：把多个独立的合并到一个数组中扩展运算法：将一个数组分割，并将各个项作为分离的参数传给函数它与剩余运算符是紧密联系的。剩余参数允许你把多个独立的参数合并到一个数组中；而扩展运算符则允许将一个数组分割，并将各个项作为分离的参数传给函数******** 箭头函数 ******** (非常重要)下面的代码通过实例查看函数的特性：<!DOCTYPE html><html lang="en"> <.原创 2022-03-20 10:08:11 · 80 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.4 函数之默认值、剩余参数
03 函数之默认值、剩余参数基本使用和操作方法看下面的代码：<!DOCTYPE html><html lang="en"> <head> <title>03 函数之默认值、剩余参数</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc原创 2022-03-19 11:01:43 · 185 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.3 模板字符串
02 模板字符串模板字符串: 使用Tab键上面的反引号``,插入变量时使用${变量名}看代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA原创 2022-03-19 10:58:26 · 343 阅读 · 0 评论 -
4小时快速掌握ES6核心用法 - 1.2 let和const
01 let和constlet和const的共同点：1.声明的变量不会有变量提升2.是一个块作用域的3.不允许重复声明let和const的作用：1.for循环是一个经典的例子。2.不会影响全局污染const的特殊性：一旦被声名，无法被修改。下面通过代码展示let和const的各种特点：<!DOCTYPE html><html><head> <meta charset="utf-8"> <t原创 2022-03-19 09:40:02 · 303 阅读 · 0 评论