5.24 Promise 和hooks以及属性名表达式

28 阅读1分钟

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]()
}