复习前端基础知识

es6 ~ 10

node

几种通用模式

1. 单例模式
2. 观察者模式
3. 代理模式/装饰器模式

   作用域

// 《JS二十年》
// ES2015

//  1. 三表达式内的作用域
// for (const p in x) {body} 的去糖后近似表示
// 循环中的每次迭代使用一个绑定，并在迭代之间传递值
// 对于 const p 来说，每次使用循环的唯一绑定就足够了，因此， p 不能被 for 头部或者循环体内的表达式修改 
{ let $next;
  for ($next in x) {
    const p = $next;
    {body}
  }
}
// 2. 严格模式下禁止块级函数声明

其他示例代码

1. reTryRequest: 接口轮询，一分钟内轮询直到成功，超时取消

const queryRequest = (data) => {
  return new Promise((resolve, reject) => {
    const res = data.map(v => v+'111')
    reject(res)
  })
}
const retry = (query, timeout = 30000, times = 5) => {
  // 使用闭包保存 timer
  let timer = null
  return (data) => {
    return new Promise((resolve, reject) => {
      timer = setTimeout(() => {
        query(data).then(res => {
          clearTimeout(timer)
          resolve(res)
        }).catch(err => {
          clearTimeout(timer)
          reject(err)
        })
      }, timeout)
    })
  }
}
const longRequestRetry = async (data, timeout = 30000, times = 5) => {
  try {
    const res = await retry(queryRequest, timeout = 30000, times)(data)
    console.log('res', res)
  } catch(err) {
    if (times > 0) {
      console.log('times', times)
      longRequestRetry(data, timeout, times - 1)
    }
  }
}
// 使用
const request = (data) => {
  queryRequest(data).then(res => {

  }).catch(err => {
    longRequestRetry(data)
  })
}

2. generator or async/await 实现排序动画
3. 设计一个 generator 状态机，和一个栈保留10个不同时间发出的异步任务，取消栈内除了栈顶的所有异步任务

debug

如何上报准确错误信息

不同类型的错误捕获

错误上报方式

错误处理