![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
_阿锋丶
这个作者很懒,什么都没留下…
展开
-
ES6的Proxy的理解与运用
文章目录Proxy的定义和语法proxy的理解语法Proxy的handler对象上的方法get(target, propKey, receiver):Proxy的定义和语法proxy的理解首先proxy的英文意思的代理,proxy用自己的话理解的话就是一个拦截器或者是过滤器感觉本质上就是在被代理的目标对象上加了一些事件行为语法const p = new Proxy(target, handler)参数要使用 Proxy 包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代原创 2020-09-27 19:59:54 · 952 阅读 · 0 评论 -
ES6系列知识点深入理解全面复习
ES6学习复习系列文章目录ES6所有知识点学习复习文章链接地址,持续更新中(9.25)ES6字符串和数字格式新增的所有知识点(全面详细)ES6解构赋值(各种情形详解)ES函数默认值ES6的箭头函数应用和注意点ES6函数尾调用,尾递归及优化深入理解ES6数组之扩展运算符应用场景详解ES6数组的常用的拓展方法详细应用ES5,6数组的空位处理ES6symbol数据类型学习与应用ES6对象方法的拓展(深入理解Object.assign的拷贝等知识点)ES6的对象的数据结构的拓展ES6的原创 2020-09-25 17:04:13 · 1717 阅读 · 0 评论 -
ES6的class及深入理解(constrctor,static)
文章目录class的基本语法和ES5的写法对比class的基本语法class 声明创建一个基于原型继承的具有给定名称的新类。ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。class Polygon { constructor(height, width) { this.area = height * width; }}console.log(new Polygon(4原创 2020-09-24 11:05:54 · 728 阅读 · 0 评论 -
ES6的Map,WeakMap数据结构
文章目录Map数据结构的定义Map数据结构的定义Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。...原创 2020-09-22 16:41:12 · 287 阅读 · 0 评论 -
ES6的Set,WeakSet数据结构深入理解
文章目录Set数据结构的定义与简单应用Set去重复的内涵Set实例的属性和方法Set.prototype.add()Set.prototype.clear()Set.prototype.delete()Set.prototype.entries()Set.prototype.forEach()Set.prototype.has()Set.prototype.values()Set.prototype[@@iterator]()Set的几个常见应用间接调用数组的方法实现并集 交集 差集Set结构的萎缩版Wea原创 2020-09-21 14:56:33 · 212 阅读 · 0 评论 -
ES6的对象的数据结构的拓展
文章目录属性的简洁表示法方法的简洁写法定义对象属性的两种方式对象属性的可枚举ES6 遍历对象属性的5种方法对象的原型对象属性对象的扩展运算符赋值属性的简洁表示法ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。如下:const apple = 'apple'const banana = 'banana'const fruit = { apple, banana}console.log(fruit);// {apple: "apple", banan原创 2020-09-20 17:28:52 · 147 阅读 · 0 评论 -
ES6的迭代器Iterator深入理解(写一个和ES6一样的自定义的迭代器)
文章目录Iterator的概念Iterator的三个作用Iterator的实现步骤Iterator的实现原理默认的迭代器(Iterator)接口自行设置迭代器(Iterator)接口Iterator的概念遍历器(Iterator)它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作(即依次处理该数据结构的所有成员, 之前只有数组和NodeList等比较特殊的类数组才拥有该特性)Iterator的三个作用一是为各种数据结构,提供一个原创 2020-09-20 19:34:27 · 484 阅读 · 0 评论 -
ES6对象方法的拓展(深入理解Object.assign的拷贝等知识点)
文章目录Object.create()-创造对象Object.is() -更加精确的比较两个值是否相等Object.assign()-合并对象Object.assign()各种应用场景Object.assign()的一些特殊情况Object.create()-创造对象方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__。Object.create(proto, [propertiesObject])proto-新创建对象的原型对象。propertiesObject-可选。如果原创 2020-09-18 11:50:08 · 407 阅读 · 0 评论 -
ES6symbol数据类型学习与应用
文章目录为什么要使用symbol数据类型symbol数据类型的使用symbol函数可以传入字符串symbol数据类型不能和和其他类型进行运算操作可以用toString()方法转化为字符串symbol类型可以转化为布尔值无法转化为数值symbol的描述字符symbol的应用symbol用于对象属性symbol定义不等常量symbol数据类型之魔术字符串为什么要使用symbol数据类型ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(混合原创 2020-09-17 12:34:37 · 299 阅读 · 0 评论 -
ES6的箭头函数应用和注意点
ES6学习复习系列文章目录ES6所有知识点学习复习文章链接地址ES6字符串和数字格式新增的所有知识点(全面详细)ES6解构赋值(各种情形详解)ES函数默认值ES6函数尾调用,尾递归及优化深入理解ES6数组之扩展运算符应用场景详解ES6数组的常用的拓展方法详细应用ES5,6数组的空位处理ES6的箭头函数应用和注意点箭头函数主要注意点就是this的指向问题,箭头函数虽然方便但是需要注意有些地方是不能使用的,譬如对象中的函数是不能使用箭头函数的正文内容文章目录ES6学习复习系列文原创 2020-09-17 11:38:28 · 277 阅读 · 0 评论 -
jsES5,6数组的空位处理
文章目录什么是数组空位数组的空位处理什么是数组空位数组的空位指,数组的某一个位置没有任何值。比如:Array构造函数返回的一个只有长的数组, 里面自然都是空位。注意,空位不是undefined,一个位置的值等于undefined,依然是有值的。空位是没有任何值,in运算符可以说明这一点。(其实严格来说, 连下标都木得)数组的空位处理forEach(), filter(), reduce(), every() 和some()都会跳过空位。map()会跳过空位,但会保留这个值join()和t原创 2020-09-17 10:54:08 · 319 阅读 · 0 评论 -
ES6数组的常用的拓展方法详细应用
文章目录Array.from(将类数组或对象转化为数组)Array.of(代替以前的Array())copyWithin()(将当前数组的元素复制替换)find()/findIndex()(查找符合条件的元素/索引)fill()-fill方法使用给定值,填充一个数组entries(),keys() 和 values()遍历的新方法includesflat(),flatMap()-嵌套的数组“拉平”Array.from(将类数组或对象转化为数组)Array.from方法用于将两类对象转为真正的数组:类似数原创 2020-09-17 10:46:45 · 251 阅读 · 0 评论 -
ES6数组之扩展运算符应用场景详解
扩展运算符扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。如果扩展运算符后面是一个空数组,则不产生任何效果可以放置表达式只有函数调用才可以放置在圆括号中数组的拓展之扩展运算符的应用场景...原创 2020-09-16 18:41:20 · 572 阅读 · 0 评论 -
ES6函数尾调用,尾递归及优化深入理解
文章目录什么是尾调用函数尾调用的优化什么是尾调用尾调用(Tail Call)就是指某个函数的最后一步是返回调用另一个函数的执行结果。如下一下情形都不是尾调用上面代码中:情况一是调用函数g之后,还有赋值操作,所以不属于尾调用,即使语义完全一样。情况二也属于调用后还有操作,即使写在一行内。情况三等同于右面的代码。尾调用不一定出现在函数尾部,只要是最后一步操作即可。上面代码中,函数m和n都属于尾调用,因为它们都是函数f的最后一步操作。函数尾调用的优化尾调用之所以与其他调用不同,就在于它的原创 2020-09-15 22:30:07 · 503 阅读 · 0 评论 -
ES6函数参数默认值
文章目录函数参数的设置函数参数开始准许设置默认值不能显式设定为严格模式的情形参数默认值与解构赋值的默认值,结合起来使用。指定默认值之后的length属性问题函数的设置参数默认值作用域函数的rest参数设置ES6常用的箭头函数箭头函数的形式箭头函数的关键注意点函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。箭头函数没有自己的this指针不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 res原创 2020-09-15 16:28:56 · 449 阅读 · 0 评论 -
ES6解构赋值(各种情形详解)
什么是解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。所谓的解构就是解析解构的意思数组的结构赋值注意点:赋值等号的左右侧的数组结构需要一直,这个叫做”模式匹配”如果左右两侧的变量数与数值数的数量不匹配, 那么就直接跳过缺失部分(谨记, 左边的跳过了, 右侧相应位置的也要跳过)如果左侧某个变量前有三个小点, 那么意味着右侧对应位置及以后的所有数值将组合成一个数组,赋值给左侧的该变量,且左侧必须是最后一个变量才可以在前面加三个原创 2020-09-15 13:30:46 · 1539 阅读 · 0 评论 -
ES6字符串和数字格式新增的所有知识点(全面详细)
阿发原创 2020-09-14 16:15:28 · 879 阅读 · 0 评论 -
ES6:Promise的三种状态变化的理解及Promise的all方法
文章目录promise状态请求图Promise的三种状态Promise的all方法promise状态请求图Promise的三种状态Promise的all方法Promise.all方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。Promise.all(iterator)Promise.all([ new Promise((resolve,rejec...原创 2020-04-22 11:34:06 · 5375 阅读 · 0 评论 -
箭头函数复习
箭头函数转载 2020-04-15 11:26:05 · 145 阅读 · 0 评论 -
用ES6的new Promise(function (resolve, reject){})解决回调地狱
先看看啥子是回调地狱先建立一个test文件下面有files文件夹和index.js以及files下面有三个问价分别是a.json ,b.json,c.json 如下a.jsonb.jsonc.jsonindex.jsconst fs = require('fs')const path = require('path')callBack方式获取一个文件的内容func...原创 2020-03-10 10:26:06 · 4194 阅读 · 0 评论