promise
其主要作用就就是解决回调地狱.
然后他的特性就是他有三种在状态,进行中 已成功 已失败,promise的状态一旦固定了,就永远不会再变了,(固定在成功失败之间,进行中不算)
而promise有两个属性
用法:
// new Promise 会返回一个 promise 实例
const p = new Promise((resolve, reject) => {
resolve(值) // 表示把 promise 的状态由 进行中 变为 已成功\
```
Promise.resolve("哈哈哈").then(res=>{
console.log(res,'小绿')
}).catch(err=>{
console.log(err,'err');
})
```
reject(值) // 表示把 promise 的状态由 进行中 变为 已失败\
```
Promise.reject("已失败").then(res=>{
console.log(res,'小绿')
}).catch(err=>{
console.log(err,"失败")
})
```
})
静态方法
方法:
Promise.all([p1, p2, ...])当所有的Promise状态都为已成功 则返回true
Promise.race([p1, p2, ...])当有第一个Promise返回已成功则返回状态为true
Promise.resolve(值): 返回一个已成功的 promise
Promise.reject(值): 返回一个已失败的 promise
hooks函数
useCallback
其最大的作用主要是缓存函数,防止子组件重复渲染 他有两个参数,一个是一个回调函数一个是那个依赖,当依赖为空,当前函数只执行一次,当依赖改变时,重新缓存一个函数,依赖不变重新渲染
es6
属性名表达式
const onCLick=(v)=>{
const obj={
"属性名":"事件名",
"编辑":edit,
"删除":delete,
"详情":details,
}
obj[v]()
}