一个做品牌零食特卖的网站,深圳安全教育平台,北京最近的新闻大事,网页设计与制作教程欧静敏一、let const var 的区别
1. var#xff1a;
没有块级作用域的概念#xff0c;有函数作用域和全局作用域的概念全局作用域性下创建变量会被挂在到 windows 上存在变量提升同一作用域下#xff0c;可以重复赋值创建未初始化#xff0c;值为 undefined
2. let#xff1a…一、let const var 的区别
1. var
没有块级作用域的概念有函数作用域和全局作用域的概念全局作用域性下创建变量会被挂在到 windows 上存在变量提升同一作用域下可以重复赋值创建未初始化值为 undefined
2. let
块级作用域同一作用域性爱同一变量不允许重复声明不存在变量提升块级作用域下。在声明之前访问会有一个暂时性死区的专属报错
3. const
const 创建常量创建的常量是指向的内存地址是不变的若创建的是基本数据类型则内存地址指向的就是数据不可变若创建的是引用类型数据则内存地址中存放的是一个指针指向一个对象这里的指针在前端中被称为 ”引用“这个对象属性是可以改变的
二、Promise 及其常用 API
1. Promise
1.1 then
一个有 then 方法的对象。有三种状态被 resolve 或者 resolve 之前处于 pending 状态。pending 可以用过 resolve 转换为 fulfilled 状态pending 也可以由 reject 转换为 rejected 状态
1.2 catch 方法
捕获错误
1.3 finally 方法
then 方法或 catch 方法执行后执行
1.4 then 方法的链式调用 第一个 then 方法中回调函数的返回值就是第二个 then 方法中形参的值 第二个 then 方法中 return 的返回值会被后续的 then 方法使用
2. Promise.all
可以同时请求多个接口并且接口全部请求完毕后返回
2.1 Promise.allSettled
等待所有传入的 Promise 对象都完成然后返回一个包含所有 Promise 对象状态的数组在数组中使用 map添加 catch请求时哪个报错就会返回 catch 中的值。用来处理多个 Promise 对象并根据它们的状态进行不同的处理
2.2 Promise.allSettled 方法与 Promise.all 方法的区别
Promise.allSettled 方法会返回一个包含所有 Promise 对象状态的数组Promise.all 方法只会返回一个包含所有 Promise 对象结果的数组。
2.3 Promise.race
该方法会等待所有传入的 Promise 对象中的第一个完成然后返回该 Promise 对象的结果。如果所有 Promise 对象都被拒绝则 Promise.race 方法会返回第一个被拒绝的 Promise 对象的错误。
三、Set 和 Map 对比
1. Set
创建使用 new 来实例化如 new Set()
1.1 set 方法
has判断 set 中是否存在某条数据并返回 true/falseadd添加一条数据到集合的末尾clear清空整个集合forEach循环遍历每一项set 没有索引所以第二个参数代表数据size集合数量delete删除某一项keys values都是返回一个迭代的类数组对象这两个值是一样的 2. Map
存储键值对的集合且键不可重复
2.1 Map 的方法
keys返回键的类数组对象values返回值的类数组对象keys 与 valuessetmap 使用 set 方法来添加或者修改数据 其他方法与 set 类似 四、localStorage、sessionStorage、cookie 的异同
1. cookie
大小4k通信会参与到与服务端请求的通信中时效性根据服务端设置的时间过期tab 共享同源窗口共享
2. localStorage
大小5m通信单纯前端存储不参与服务端通信时效性持久化保存数据关闭浏览器或者手动清除tab 共享同源窗口支持共享
3. sessionStorage
大小5m通信不支持时效性页签级会话标签tab 共享不支持跨 tab 共享
4. sessionStorage 与 localStorage
共同点都保存在浏览器端遵循 同源策略 。不同点作用域不同
五、扩展运算符 …
1. 等号左边
let [a, ...b] [1, 3, 5] 将剩余数据打包到一个新的数组中
2. 等号右边
可以做解构
3. 形参
将传递的参数打包到一个数组中
六、Symbol 数据结构 原始数据类型 Symbol表示独一无二的值 用来定义对象的私有变量 定义的私有对象是不可变的并且不能被序列化 const myPrivateVariable Symbol(myPrivateVariable); 也可以创建键名作为唯一键名使用
const myObject {[Symbol(myKey)]: myValue,
};总结它可以用于创建私有变量、不可变对象和键名。
七、async/await
用同步的方式执行异步操作await 只能在 async 中使用ES2021 中已经支持顶层 awaitawait 的返回值是一个 Promise 对象注意多个 await 执行时一个 await 报错后续的 await 都不会执行可以使用 try catch 包裹报错的 await
更加优雅的处理了 Promise.then 的链式调用
