随笔分类 - ES6
摘要：const a = [1, 2, 3, 4, 5, 6, 7, 8] const b = [5, 5, 1, 2] const c = [3, 9] // 判断arr1是否包含arr2 const isInclude = (arr1, arr2) => arr2.every((val) => arr
阅读全文
摘要：function mergePropertyById(arr, property) { const tempIds = [], newArr = [] for (const item of arr) { if (!tempIds.includes(item.id)) { const obj = {
阅读全文
摘要：在forEach中使用异步函数，会导致执行到await时跳出循环 解决办法： 1、使用for循环 const images: Array<object> = [] for (const { originFileObj } of fileList) { images.push({ src: await
阅读全文
摘要：定义： Object.assign()是ES6新增的方法，用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target），并将目标对象返回出来。 const target = { a: 1 } const source1 = { b: 2 } const source2 =
阅读全文
摘要：async created() { // Promise.all([this.getTodos(), this.getComments(), this.getAlbums()]).then( // (res) => { // console.log(res) // } // ) const data
阅读全文
摘要：import axios from 'axios' export default { mounted() { // this.getTodos().then((res) => { // console.log('todos', res.data) // this.getComments().then
阅读全文
摘要：一、async函数返回值都是Promise对象 二、promise.then 成功的情况 对应await 三、promise.catch 失败的情况 对应try…catch 一、async函数返回值都是Promise对象 1、返回值不是promise对象，那么新promise的状态为fullfill
阅读全文
摘要：结论： 1、then 正常返回时，Promise的状态为fulfilled 报错时，Promise的状态为rejected 2、catch 正常返回时，Promise的状态为fullfilled 报错时，Promise的状态为rejected 当状态为成功时： const p = Promise.r
阅读全文
摘要：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> <script> const ID_BASE_URL = 'https://jsonplaceholder.typicode.com/to
阅读全文
摘要：class Person { constructor(name) { this.name = name } publicFn() { console.log('公共方法') } } class Student extends Person { constructor(name, score) { /
阅读全文
摘要：扩展运算符的剩余参数，如果想删除对象中的某个属性，这是一个思路 可以对原对象中的字段重新赋值，以及添加一个新的字段 const obj = { name: 'xx', age: 12 } const o = { ...obj, name: 'yy', hobby: 'ss' } // 重写name，
阅读全文
摘要：1、方法一：定义临时变量 2、方法二：利用数组的解构（不需要第三个变量）
阅读全文
摘要：?. 的概念： 允许读取位于连接对象深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 操作符，不同之处在于，在引用为空的情况下不会引起错误，该表达式短路返回值是undefined。与函数一起使用时，如果给定的函数不存在，则返回undefined。 以上是MDN的解释
阅读全文
摘要：js中有6中情况转为布尔值为false，其他情况都为true： !!NaN 语法相当于Boolean(NaN) 逻辑或运算符 || ：如果左侧的值转为布尔值为true，则结果为左侧的值，反之结果为右侧的值 也就是说以下6中情况，都取的是右侧的值： 空值合并操作符 ?? 和 || 的区别是，?? 左侧
阅读全文
摘要：Promise是什么？ 1、Promise是ES6提供的进行异步编程的解决方案 2、Promise是一个构造函数，用来封装一个异步操作，可以获取其成功或失败的值 异步编程旧的操作都是回调函数的方式：（不利于阅读和异常处理） 1）fs 文件操作 require('fs').readFile('./in
阅读全文
摘要：1、==：等于 2、 ：严格等于 3、Object.is()：加强版严格等于 == 的判断规则： 如果两个值类型相同，进行 比较。 如果两个值类型不同，那么它们可能相等，根据下面规则进行类型转换，再比较： 1、如果一个是 null，一个是 undefined，那么相等 2、如果一个是字符串，一个是数
阅读全文
摘要：类的私有属性 // # 声明私有属性，私有属性只能出现在类里面，不能出现在类外面 class Person { name // 公有属性 #age // 私有属性 #weight constructor(name, age, weight) { this.name = name this.#age
阅读全文
摘要：对象扩展方法： Object.fromEntries() 1、概念：Object.fromEntries() 是 Object.entries() 的逆操作，将二维数组（键值对数组）转为对象 // Object.fromEntries() 是 Object.entries() 的逆操作，将二维数组（
阅读全文
摘要：rest参数和扩展运算符： // rest 参数和 spread 扩展运算符在ES6中已经引入，不过ES6中只针对数组，在ES9中为对象提供了 rest 参数和 spread 扩展运算符 function fn({ name, age, ...others }) { console.log(name
阅读全文
摘要：async和await： ES6中的异步编程方案有 promise 和 生成器 函数，ES8中引入async和awair可以让异步代码像同步代码一样 async函数： async函数的返回值为promise对象 promise对象的结果由async函数执行的返回值决定 // 声明一个async函数：
阅读全文
