AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

你不容错过的JavaScript高级语法(Promise)

2022-10-18 90
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 你不容错过的JavaScript高级语法(Promise)

众所周知，js在前端开发中的地位。学好它，真的很重要。


下面这篇文章，介绍一下Promise。


Promise想必大家都很熟悉了。他的基本使用这里就不介绍了。下面来介绍一些注意事项


Promise的三种状态

一旦状态被确定下来，Promise的状态会被 锁死，该Promise的状态是不可更改的。


  • 待定（pending）


  • 初始状态，既没有被兑现，也没有被拒绝；


  • 当执行executor中的代码时，处于该状态；


  • 已兑现（fulfilled）


  • 意味着操作成功完成；


  • 执行了resolve时，处于该状态；


  • 已拒绝（rejected）


  • 意味着操作失败；


  • 执行了reject时，处于该状态；


resolve不同值的区别

  • 如果resolve传入一个普通的值或者对象，那么这个值会作为then回调的参数。


  • 如果resolve中传入的是另外一个Promise，那么这个新Promise会决定原Promise的状态。


const newPromise = new Promise((resolve, reject) => {
      resolve("resolve message")
      reject("err message")
    })
    new Promise((resolve, reject) => {
      // pending -> fulfilled
      resolve(newPromise)
    }).then(res => {
      console.log("res:", res)
    }, err => {
      console.log("err:", err)
    })


  • 如果resolve中传入的是一个对象，并且这个对象有实现then方法，那么会执行该then方法，并且根据then方法的结果来决定Promise的状态。


new Promise((resolve, reject) => {
      // pending -> fulfilled
      const obj = {
        then: function(resolve, reject) {
          // resolve("resolve message")
          reject("reject message")
        }
      }
      resolve(obj)
    }).then(res => {
      console.log("res:", res)
    }, err => {
      console.log("err:", err)
    })


实例方法

then


  • 接受两个参数


  • fulfilled的回调函数：当状态变成fulfilled时会回调的函数。


  • reject的回调函数：当状态变成reject时会回调的函数。（调用reject函数或者通过throw抛出错误）


  • 多次调用


  • 每次调用我们都可以传入对应的fulfilled回调。


  • 当Promise的状态变成fulfilled的时候，这些回调函数都会被执行。


  • 返回值 then方法本身是有返回值的，它的返回值是一个Promise，返回值被作为Promise的resolve()的参数。所以我们可以进行如下的链式调用。所有的返回值都想转换成下面这种


return new Promise((resolve,reject) => {resolve("return的表达式")})


但是then方法返回的Promise到底处于什么样的状态呢？Promise有三种状态，那么这个Promise处于什么状态呢？


  • 当then方法中的回调函数本身在执行的时候，那么它处于pending状态


  • 当then方法中的回调函数返回一个结果时，那么它处于fulfilled状态，并且会将结果作为resolve的参数；


  • 返回一个普通的值。


const promise = new Promise((resolve, reject) => {
      resolve("zh")
    })
    // 1> 如果我们返回的是一个普通值(数值/字符串/普通对象/undefined), 那么这个普通的值被作为一个新的Promise的resolve值
    promise.then(res => {
      return "aaaaaa" // => return new Promise((resolve,reject) => {resolve("aaaaaa")})
    }).then(res => {
      console.log("res:", res)
    })


  • 返回一个Promise。


promise.then(res => {
      return new Promise((resolve, reject) => { // => return new Promise((resolve,reject) => {resolve("return的表达式")})
        setTimeout(() => {
          resolve(111111)
        }, 3000)
      })
    }).then(res => {
      console.log("res:", res)
    })


  • 返回一个thenable值。


promise.then(res => {
      return {
        then: function(resolve, reject) {
          resolve(222222)
        }
      }
    }).then(res => {
      console.log("res:", res)
    })


  • 当then方法抛出一个异常时，那么它处于reject状态。


catch


他的作用就是捕获异常。（reject调用或者throw抛出的异常）。


  • 通过then方法的第二个参数。


  • 通过catch方法。


const promise = new Promise((resolve, reject) => {
      reject("111111")
    })
    promise.catch(err => {
    })


  • 通过在then方法后面调用catch方法。（这种方式比较特殊）


promise.then(res => {
    }).then(res => {
      throw new Error("then error message")
    }).catch(err => {
      console.log("err:", err)
    })


他的作用是捕获第一次抛出的错误。不管是Promise抛出的，还是then方法抛出的


  • 如果promise抛出的异常没有被处理，那么将会报错。


  • 返回值同then方法一样，将返回值传入Promise的reslve。


  • 可以被多次调用


finally


finally是在ES9（ES2018）中新增的一个特性：表示无论Promise对象无论变成fulfilled还是reject状态，最终都会被执行的代码。


finally方法是不接收参数的，因为无论前面是fulfilled状态，还是reject状态，它都会执行。


静态方法

resolve


有时候我们已经有一个现成的内容了，希望将其转成Promise来使用，这个时候我们可以使用Promise.resolve 方法来完成。


Promise.resolve的用法相当于new Promise，并且执行resolve操作。


该方法参数同resolve不同值的区别的讲解。


reject


reject方法类似于resolve方法，只是会将Promise对象的状态设置为reject状态。


Promise.reject的用法相当于new Promise，只是会调用reject。Promise.reject传入的参数无论是什么形态，都会直接作为reject状态的参数传递到catch的。


const promise = Promise.reject(new Promise(() => {}))
    promise.then(res => {
      console.log("res:", res)
    }).catch(err => {
      console.log("err:", err)
    })


网络异常，图片无法展示
|


all


它的作用是将多个Promise包裹在一起形成一个新的Promise。


新的Promise状态由包裹的所有Promise共同决定：


  • 当所有的Promise状态变成fulfilled状态时，新的Promise状态为fulfilled，并且会将所有Promise的返回值组成一个数组。


  • 当有一个Promise状态为reject时，新的Promise状态为reject，并且会将第一个reject的返回值作为参数。


allSettled


all方法有一个缺陷：当有其中一个Promise变成reject状态时，新Promise就会立即变成对应的reject状态。那么对于resolved的，以及依然处于pending状态的Promise，我们是获取不到对应的结果的。


在ES11（ES2020）中，添加了新的API Promise.allSettled：

该方法会在所有的Promise都有结果（settled），无论是fulfilled，还是reject时，才会有最终的状态。并且这个Promise的结果一定是fulfilled的。并且返回值会标识Promise的状态。


// 创建多个Promise
    const p1 = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve(11111)
      }, 1000);
    })
    const p2 = new Promise((resolve, reject) => {
      setTimeout(() => {
        reject(22222)
      }, 2000);
    })
    const p3 = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve(33333)
      }, 3000);
    })
    // allSettled
    Promise.allSettled([p1, p2, p3]).then(res => {
      console.log(res)
    }).catch(err => {
      console.log(err)
    })
    // 打印
    [
      { status: 'fulfilled', value: 11111 },
      { status: 'rejected', reason: 22222 },
      { status: 'fulfilled', value: 33333 }
    ]


race


如果有一个Promise有了结果，我们就希望决定最终新Promise的状态，那么可以使用race方法。


any


any方法是ES12中新增的方法，和race方法是类似的：

any方法会等到一个fulfilled状态，才会决定新Promise的状态。 如果所有的Promise都是reject的，那么也会等到所有的Promise都变成rejected状态。


如果所有的Promise都是reject的，那么会报一个AggregateError的错误。


网络异常，图片无法展示
|


通过err.errors可以拿到全部的reject时传递的参数。


// 创建多个Promise
    const p1 = new Promise((resolve, reject) => {
      setTimeout(() => {
        reject(1111)
      }, 1000);
    })
    const p2 = new Promise((resolve, reject) => {
      setTimeout(() => {
        reject(2222)
      }, 500);
    })
    const p3 = new Promise((resolve, reject) => {
      setTimeout(() => {
        reject(3333)
      }, 3000);
    })
    // any方法
    Promise.any([p1, p2, p3]).then(res => {
      console.log("res:", res)
    }).catch(err => {
      console.log("err:", err.errors) //err: (3) [1111, 2222, 3333]
    })


手写Promise

  • then方法及其Promise的构建


const PROMISE_STATUS_PENDING = 'pending'
    const PROMISE_STATUS_FULFILLED = 'fulfilled'
    const PROMISE_STATUS_REJECTED = 'rejected'
    // 工具函数
    function execFunctionWithCatchError(execFn, value, resolve, reject) {
      try {
        const result = execFn(value)
        resolve(result)
      } catch(err) {
        reject(err)
      }
    }
    class Promise {
      constructor(executor) {
        this.status = PROMISE_STATUS_PENDING
        this.value = undefined
        this.reason = undefined
        this.onFulfilledFns = []
        this.onRejectedFns = []
        const resolve = (value) => {
          if (this.status === PROMISE_STATUS_PENDING) {
            // 添加微任务
            queueMicrotask(() => {
              if (this.status !== PROMISE_STATUS_PENDING) return
              this.status = PROMISE_STATUS_FULFILLED
              this.value = value
              this.onFulfilledFns.forEach(fn => {
                fn(this.value)
              })
            });
          }
        }
        const reject = (reason) => {
          if (this.status === PROMISE_STATUS_PENDING) {
            // 添加微任务
            queueMicrotask(() => {
              if (this.status !== PROMISE_STATUS_PENDING) return
              this.status = PROMISE_STATUS_REJECTED
              this.reason = reason
              this.onRejectedFns.forEach(fn => {
                fn(this.reason)
              })
            })
          }
        }
        try {
          executor(resolve, reject)
        } catch (err) {
          reject(err)
        }
      }
      then(onFulfilled, onRejected) {
        return new Promise((resolve, reject) => {
          // 1.如果在then调用的时候, 状态已经确定下来
          if (this.status === PROMISE_STATUS_FULFILLED && onFulfilled) {
            // try {
            //   const value = onFulfilled(this.value)
            //   resolve(value)
            // } catch(err) {
            //   reject(err)
            // }
            execFunctionWithCatchError(onFulfilled, this.value, resolve, reject)
          }
          if (this.status === PROMISE_STATUS_REJECTED && onRejected) {
            // try {
            //   const reason = onRejected(this.reason)
            //   resolve(reason)
            // } catch(err) {
            //   reject(err)
            // }
            execFunctionWithCatchError(onRejected, this.reason, resolve, reject)
          }
          // 2.将成功回调和失败的回调放到数组中
          if (this.status === PROMISE_STATUS_PENDING) {
            this.onFulfilledFns.push(() => {
              // try {
              //   const value = onFulfilled(this.value)
              //   resolve(value)
              // } catch(err) {
              //   reject(err)
              // }
              execFunctionWithCatchError(onFulfilled, this.value, resolve, reject)
            })
            this.onRejectedFns.push(() => {
              // try {
              //   const reason = onRejected(this.reason)
              //   resolve(reason)
              // } catch(err) {
              //   reject(err)
              // }
              execFunctionWithCatchError(onRejected, this.reason, resolve, reject)
            })
          }
        })
      }
    }


  • catch方法


then(onFulfilled, onRejected) {
        const defaultOnRejected = err => { throw err }
        onRejected = onRejected || defaultOnRejected
        return new HYPromise((resolve, reject) => {
          // 1.如果在then调用的时候, 状态已经确定下来
          if (this.status === PROMISE_STATUS_FULFILLED && onFulfilled) {
            execFunctionWithCatchError(onFulfilled, this.value, resolve, reject)
          }
          if (this.status === PROMISE_STATUS_REJECTED && onRejected) {
            execFunctionWithCatchError(onRejected, this.reason, resolve, reject)
          }
          // 2.将成功回调和失败的回调放到数组中
          if (this.status === PROMISE_STATUS_PENDING) {
            if (onFulfilled) this.onFulfilledFns.push(() => {
              execFunctionWithCatchError(onFulfilled, this.value, resolve, reject)
            })
            if (onRejected) this.onRejectedFns.push(() => {
              execFunctionWithCatchError(onRejected, this.reason, resolve, reject)
            })
          }
        })
      }
      catch(onRejected) {
        this.then(undefined, onRejected)
      }


  • finally 方法


then(onFulfilled, onRejected) {
        const defaultOnRejected = err => { throw err }
        onRejected = onRejected || defaultOnRejected
        const defaultOnFulfilled = value => { return value }
        onFulfilled = onFulfilled || defaultOnFulfilled
        return new HYPromise((resolve, reject) => {
          // 1.如果在then调用的时候, 状态已经确定下来
          if (this.status === PROMISE_STATUS_FULFILLED && onFulfilled) {
            execFunctionWithCatchError(onFulfilled, this.value, resolve, reject)
          }
          if (this.status === PROMISE_STATUS_REJECTED && onRejected) {
            execFunctionWithCatchError(onRejected, this.reason, resolve, reject)
          }
          // 2.将成功回调和失败的回调放到数组中
          if (this.status === PROMISE_STATUS_PENDING) {
            if (onFulfilled) this.onFulfilledFns.push(() => {
              execFunctionWithCatchError(onFulfilled, this.value, resolve, reject)
            })
            if (onRejected) this.onRejectedFns.push(() => {
              execFunctionWithCatchError(onRejected, this.reason, resolve, reject)
            })
          }
        })
      }
      catch(onRejected) {
        return this.then(undefined, onRejected)
      }
      finally(onFinally) {
        this.then(() => {
          onFinally()
        }, () => {
          onFinally()
        })
      }


  • Reject, Resolve方法


static resolve(value) {
        return new Promise((resolve) => resolve(value))
      }
      static reject(reason) {
        return new Promise((resolve, reject) => reject(reason))
      }


  • all， allSettled方法


static all(promises) {
        // 问题关键: 什么时候要执行resolve, 什么时候要执行reject
        return new HYPromise((resolve, reject) => {
          const values = []
          promises.forEach(promise => {
            promise.then(res => {
              values.push(res)
              if (values.length === promises.length) {
                resolve(values)
              }
            }, err => {
              reject(err)
            })
          })
        })
      }
      static allSettled(promises) {
        return new HYPromise((resolve) => {
          const results = []
          promises.forEach(promise => {
            promise.then(res => {
              results.push({ status: PROMISE_STATUS_FULFILLED, value: res})
              if (results.length === promises.length) {
                resolve(results)
              }
            }, err => {
              results.push({ status: PROMISE_STATUS_REJECTED, value: err})
              if (results.length === promises.length) {
                resolve(results)
              }
            })
          })
        })
      }


  • race, any 方法


static race(promises) {
        return new HYPromise((resolve, reject) => {
          promises.forEach(promise => {
            // promise.then(res => {
            //   resolve(res)
            // }, err => {
            //   reject(err)
            // })
            promise.then(resolve, reject)
          })
        })
      } 
      static any(promises) {
        // resolve必须等到有一个成功的结果
        // reject所有的都失败才执行reject
        const reasons = []
        return new HYPromise((resolve, reject) => {
          promises.forEach(promise => {
            promise.then(resolve, err => {
              reasons.push(err)
              if (reasons.length === promises.length) {
                reject(new AggregateError(reasons))
              }
            })
          })
        })
      }


  • 完整的代码


// ES6 ES2015
// https://promisesaplus.com/
const PROMISE_STATUS_PENDING = 'pending'
const PROMISE_STATUS_FULFILLED = 'fulfilled'
const PROMISE_STATUS_REJECTED = 'rejected'
// 工具函数
function execFunctionWithCatchError(execFn, value, resolve, reject) {
  try {
    const result = execFn(value)
    resolve(result)
  } catch(err) {
    reject(err)
  }
}
class Promise {
  constructor(executor) {
    this.status = PROMISE_STATUS_PENDING
    this.value = undefined
    this.reason = undefined
    this.onFulfilledFns = []
    this.onRejectedFns = []
    const resolve = (value) => {
      if (this.status === PROMISE_STATUS_PENDING) {
        // 添加微任务
        queueMicrotask(() => {
          if (this.status !== PROMISE_STATUS_PENDING) return
          this.status = PROMISE_STATUS_FULFILLED
          this.value = value
          this.onFulfilledFns.forEach(fn => {
            fn(this.value)
          })
        });
      }
    }
    const reject = (reason) => {
      if (this.status === PROMISE_STATUS_PENDING) {
        // 添加微任务
        queueMicrotask(() => {
          if (this.status !== PROMISE_STATUS_PENDING) return
          this.status = PROMISE_STATUS_REJECTED
          this.reason = reason
          this.onRejectedFns.forEach(fn => {
            fn(this.reason)
          })
        })
      }
    }
    try {
      executor(resolve, reject)
    } catch (err) {
      reject(err)
    }
  }
  then(onFulfilled, onRejected) {
    const defaultOnRejected = err => { throw err }
    onRejected = onRejected || defaultOnRejected
    const defaultOnFulfilled = value => { return value }
    onFulfilled = onFulfilled || defaultOnFulfilled
    return new Promise((resolve, reject) => {
      // 1.如果在then调用的时候, 状态已经确定下来
      if (this.status === PROMISE_STATUS_FULFILLED && onFulfilled) {
        execFunctionWithCatchError(onFulfilled, this.value, resolve, reject)
      }
      if (this.status === PROMISE_STATUS_REJECTED && onRejected) {
        execFunctionWithCatchError(onRejected, this.reason, resolve, reject)
      }
      // 2.将成功回调和失败的回调放到数组中
      if (this.status === PROMISE_STATUS_PENDING) {
        if (onFulfilled) this.onFulfilledFns.push(() => {
          execFunctionWithCatchError(onFulfilled, this.value, resolve, reject)
        })
        if (onRejected) this.onRejectedFns.push(() => {
          execFunctionWithCatchError(onRejected, this.reason, resolve, reject)
        })
      }
    })
  }
  catch(onRejected) {
    return this.then(undefined, onRejected)
  }
  finally(onFinally) {
    this.then(() => {
      onFinally()
    }, () => {
      onFinally()
    })
  }
  static resolve(value) {
    return new HYPromise((resolve) => resolve(value))
  }
  static reject(reason) {
    return new HYPromise((resolve, reject) => reject(reason))
  }
  static all(promises) {
    // 问题关键: 什么时候要执行resolve, 什么时候要执行reject
    return new HYPromise((resolve, reject) => {
      const values = []
      promises.forEach(promise => {
        promise.then(res => {
          values.push(res)
          if (values.length === promises.length) {
            resolve(values)
          }
        }, err => {
          reject(err)
        })
      })
    })
  }
  static allSettled(promises) {
    return new HYPromise((resolve) => {
      const results = []
      promises.forEach(promise => {
        promise.then(res => {
          results.push({ status: PROMISE_STATUS_FULFILLED, value: res})
          if (results.length === promises.length) {
            resolve(results)
          }
        }, err => {
          results.push({ status: PROMISE_STATUS_REJECTED, value: err})
          if (results.length === promises.length) {
            resolve(results)
          }
        })
      })
    })
  }
  static race(promises) {
    return new HYPromise((resolve, reject) => {
      promises.forEach(promise => {
        // promise.then(res => {
        //   resolve(res)
        // }, err => {
        //   reject(err)
        // })
        promise.then(resolve, reject)
      })
    })
  } 
  static any(promises) {
    // resolve必须等到有一个成功的结果
    // reject所有的都失败才执行reject
    const reasons = []
    return new HYPromise((resolve, reject) => {
      promises.forEach(promise => {
        promise.then(resolve, err => {
          reasons.push(err)
          if (reasons.length === promises.length) {
            reject(new AggregateError(reasons))
          }
        })
      })
    })
  }
}


文章标签：
JavaScript
前端开发
API
关键词：
JavaScript Promise
JavaScript语法
Promise javascript
Promise高级
JavaScript高级语法
游客onesoximwfy4q
目录
相关文章
我是快乐的嘟嘟
|
2月前
|
前端开发 JavaScript
用JavaScript 实现一个简单的 Promise 并打印结果
用 JavaScript 实现一个简单的 Promise 并打印结果
我是快乐的嘟嘟
48 5
我是快乐的嘟嘟
|
2月前
|
JSON 前端开发 JavaScript
在 JavaScript 中，如何使用 Promise 处理异步操作？
通过以上方式，可以使用Promise来有效地处理各种异步操作，使异步代码更加清晰、易读和易于维护，避免了回调地狱的问题，提高了代码的质量和可维护性。
我是快乐的嘟嘟
116 53
雨溪-yuxi
|
2月前
|
前端开发 JavaScript Java
一文带你了解和使用js中的Promise
欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端2年半，正向全栈进发。如果我的文章对你有帮助，请关注我，将持续更新更多优质内容！🎉🎉🎉
雨溪-yuxi
27 0
一文带你了解和使用js中的Promise
那年春天
|
2月前
|
JSON 前端开发 JavaScript
浅谈JavaScript中的Promise、Async和Await
【10月更文挑战第30天】Promise、Async和Await是JavaScript中强大的异步编程工具，它们各自具有独特的优势和适用场景，开发者可以根据具体的项目需求和代码风格选择合适的方式来处理异步操作，从而编写出更加高效、可读和易于维护的JavaScript代码。
那年春天
38 1
游客44yag4ft7nckq
|
3月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块，可在调用时执行特定任务。函数可以无参或带参，参数用于传递值并在函数内部使用。函数调用可在事件触发时进行，如用户点击按钮。JavaScript 对大小写敏感，函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
游客44yag4ft7nckq
33 1
代码bug生产队
|
3月前
|
前端开发 JavaScript 开发者
JavaScript 中的异步编程：深入了解 Promise 和 async/await
【10月更文挑战第8天】JavaScript 中的异步编程：深入了解 Promise 和 async/await
代码bug生产队
46 1
邹荣乐
|
3月前
|
JavaScript 前端开发 大数据
在JavaScript中，Object.assign()方法或展开语法（...）来合并对象，Object.freeze()方法来冻结对象，防止对象被修改
在JavaScript中，Object.assign()方法或展开语法（...）来合并对象，Object.freeze()方法来冻结对象，防止对象被修改
邹荣乐
64 0
小周sir
|
3月前
|
前端开发 JavaScript UED
深入了解JavaScript异步编程：回调、Promise与async/await
【10月更文挑战第11天】深入了解JavaScript异步编程：回调、Promise与async/await
小周sir
30 0
跃@sir
|
3月前
|
前端开发 JavaScript 开发者
深入理解JavaScript中的Promise：用法与最佳实践
【10月更文挑战第8天】深入理解JavaScript中的Promise：用法与最佳实践
跃@sir
140 0
科技小能手
|
JavaScript 前端开发
JavaScript语法详解（一）
科技小能手
804 0

热门文章

最新文章

  • 1
    【前端】JavaScript 实现下载图片但不自动预览图片
  • 2
    JavaScript 中的内存泄露模式【转】
  • 3
    《基于MVC的JavaScript Web富应用开发》读书笔记一：MVC和类
  • 4
    03-JavaScript基础-数据及数据类型
  • 5
    myeclipse对导入的jquery.js出现中文乱码错误
  • 6
    实现javascript下的模块组织
  • 7
    用JS写一个时钟
  • 8
    javascript数组去重方法
  • 9
    Chance – 功能强大的 JavaScript 随机数生成类库
  • 10
    JavaScript树型菜单 dtree
  • 1
    Promise和async/await之间有什么区别
    86
  • 2
    Golang深入浅出之-Go语言中的异步编程与Future/Promise模式
    410
  • 3
    Uncaught (in promise) DOMException: The play() request was interrupted by a new load request.异常处理
    1074
  • 4
    【JavaScript技术专栏】JavaScript异步编程：Promise、async/await解析
    127
  • 5
    ES6：Promise使用方法解析大全
    91
  • 6
    Serverless 应用引擎操作报错合集之阿里函数计算中，出现"Unhandled promise rejection"的错误如何解决
    154
  • 7
    在JavaScript中，回调函数、Promise和async/await这三种异步处理机制的优缺点
    108
  • 8
    Promise, async, await实现异步编程，代码详解
    82
  • 9
    Promise、async和await
    76
  • 10
    [Vue warn]: Error in v-on handler (Promise/async): “NavigationDuplicated: Navigating to current loca
    255

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • Python语言基础 - 语法入门
  • Ajax 前端开发入门与实战
  • HTML5 新特性教程
  • Python语言基础 - 函数、面向对象、异常处理

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    DataWorks智能交互式数据开发与分析之旅