ES6
352328759
精通各类电子设备的开启和关闭功能
展开
-
ES6 Proxy
今天无意中接触到 Proxy 对象简单查阅过资料后, 作一下记录按我粗浅的理解, Proxy 是用来监听对象属性值的变化的用法const p = new Proxy(target, handler)target 类似于初始对象handler 里设置 get 和 setdemolet products = new Proxy({ a: 1, b: 2, c: 3}, { get: function (obj, prop) { console.log(obj, prop)原创 2021-05-07 17:41:46 · 63 阅读 · 0 评论 -
js 类数组转数组
对 js 稍有了解的朋友应该知道, js 里有一种叫做"类数组"的东西如字面意思, 是一些类似数组的数据类型为什么用"一些"呢?因为类数组不是一种数据类型, 是好几种类型的统称, 如:NodeList, Set, Arguments 都是类数组类数组有数组的一部分特性, 而不是全部特性, 如 Set 是没有 length 属性的var set = new Set([1, 2, 3, 4])console.log(set.length) // undefined如果要把类数组当数组用, 那就需原创 2021-04-22 16:55:53 · 135 阅读 · 1 评论 -
Promise, async, await 的特性随笔
昨天有个小猪问我 async/await 的问题, 说是怎么调也调不出想要的结果, 调着调着头都懵了扭头过去看了一下, 果不其然, 一层套一层简直比俄罗斯还套娃不过只要静下心来, 对照着下面的几点特性慢慢看, async/await 还是很好理解的Promise 对象不需要用 () 调用实例化 Promise 时, 第一个传入的 function 就执行了var _promise = new Promise(function() { /* 这里直接就执行了 */ })async 函数原创 2020-11-13 17:11:50 · 1953 阅读 · 0 评论 -
一个解构赋值不常用的技巧
需求:声明空变量 var a,b,c,d;已有对象 obj = { a: 1, b: 2, c: 3, d: 4 };在 if 判断里将 obj的abcd 赋值给变量 abcd;if以外,还需要调用abcd;一般来说,直接赋值就可以了:var a, b, c, d;var obj = { a: 1, b: 2, c: 3, d: 4 };if (true) { a = obj.a b = obj.b c = obj.c d = obj.d}console.log(a, b,原创 2020-10-15 16:34:52 · 2423 阅读 · 7 评论 -
import 的知识
1.defer与async的区别前者要等到整个页面正常渲染结束,才会执行;后者一旦下载完,渲染引擎就会中断渲染,执行这个脚本以后,再继续渲染一句话,defer是“渲染完再执行”,async是“下载完就执行”另外,如果有多个defer脚本,会按照它们在页面出现的顺序加载,而多个async脚本是不能保证加载顺序的2.HTML中使用 ES6浏览器加载 ES6 模块,也使用<...转载 2019-04-17 16:33:40 · 3309 阅读 · 0 评论 -
js Object.assign() 指派函数
今天学了个新函数assignObject.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);c...原创 2019-04-23 18:11:19 · 2199 阅读 · 0 评论 -
Promise 4种常规用法
Promise 4种常规用法new Promise(funA).then(funB).catch(funC)new Promise(funA).then(funB, funC)new Promise(funA).then(funB).then(funC)new Promise(funA).then(funB1, funB2).then(funC1, funC2)注:resolve, re...原创 2019-09-08 19:38:10 · 2598 阅读 · 2 评论