ES6
352328759
精通各类电子设备的开启和关闭功能
展开
-
ES6 Proxy
今天无意中接触到 Proxy 对象 简单查阅过资料后, 作一下记录 按我粗浅的理解, Proxy 是用来监听对象属性值的变化的 用法 const p = new Proxy(target, handler) target 类似于初始对象 handler 里设置 get 和 set demo let products = new Proxy({ a: 1, b: 2, c: 3 }, { get: function (obj, prop) { console.log(obj, prop)原创 2021-05-07 17:41:46 · 80 阅读 · 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 · 160 阅读 · 1 评论 -
Promise, async, await 的特性随笔
昨天有个小猪问我 async/await 的问题, 说是怎么调也调不出想要的结果, 调着调着头都懵了 扭头过去看了一下, 果不其然, 一层套一层简直比俄罗斯还套娃 不过只要静下心来, 对照着下面的几点特性慢慢看, async/await 还是很好理解的 Promise 对象不需要用 () 调用 实例化 Promise 时, 第一个传入的 function 就执行了 var _promise = new Promise(function() { /* 这里直接就执行了 */ }) async 函数原创 2020-11-13 17:11:50 · 1972 阅读 · 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 · 2469 阅读 · 7 评论 -
import 的知识
1.defer与async的区别 前者要等到整个页面正常渲染结束,才会执行; 后者一旦下载完,渲染引擎就会中断渲染,执行这个脚本以后,再继续渲染 一句话,defer是“渲染完再执行”,async是“下载完就执行” 另外,如果有多个defer脚本,会按照它们在页面出现的顺序加载,而多个async脚本是不能保证加载顺序的 2.HTML中使用 ES6 浏览器加载 ES6 模块,也使用<...转载 2019-04-17 16:33:40 · 3335 阅读 · 0 评论 -
js Object.assign() 指派函数
今天学了个新函数assign Object.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 · 2223 阅读 · 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 · 2647 阅读 · 2 评论