遇见的一些问题汇总（JavaScript篇）

 

1. 引入图片的方法

想要实现的效果：引入图片
遇见的问题：无
问题所在：无
解决方法：可用使用CommonJS的require(“路径”)
 
 

2. 数组的reduce方法

想要实现的效果：reduce方法的使用
遇见的问题：无
问题所在：无
解决方法：arr.reduce((prev,cur,index,arr)=>{},initial)
要执行的函数中也可传入参数，分别为
prev：上次调用函数的返回值
cur：当前元素
index：当前元素索引
arr：被遍历的数组
initial：函数迭代的初始值
 
 

3. 关于扩展运算符…的使用

想要实现的效果：无
遇见的问题：无
问题所在：无
解决方法：{…obj} ，展开对象而且是深拷贝。可合并对象 let e = {…a,key: value}
 
 

4. 关于迭代器的使用

想要实现的效果：后台返回一个数据的数组，需要循环遍历每一个数据，如果每一条数据都没有问题的话再执行下一步。
遇见的问题：用普通的for循环和if实现不了，别人告知了迭代器，使了下是可以的。
问题所在：无
解决方法：

> async function test() {
  for (const item of [1, 2, 3, 4]) {
    const res = await new Promise((resolve, reject) => {
      setTimeout(() => {
        console.log(item);
        resolve(item)
      }, 1000)
    }).then(res => {
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          console.log('next' + res);
          resolve(res)
        }, 1000)
      })
    })
  }
  return true
}
test().then(res => {
  console.log(res);
})
// 输出结果
1
next1
2
next2
3
next3
4
next4
true

 
 

5. 关于promise的使用

想要实现的效果：无
遇见的问题：无
问题所在：无
解决方法：
 
 

6. 关于正则的使用

想要实现的效果：无
遇见的问题：无
问题所在：无
解决方法：