都说 Promise 新增这个API提效300%，就是不说怎么用？我教你

主要观点总结

文章介绍了JavaScript中新的Promise API——Promise.withResolvers的功能和优势，以及如何在项目中配置使用。该API通过返回一对函数来直接解决或拒绝Promise，提高了代码的灵活性和模块化。文章还涉及到了兼容性问题和如何在现有项目中使用该特性的步骤。

关键观点总结

关键观点1: Promise.withResolvers的功能和优势

介绍Promise.withResolvers作为一个新的Promise API，通过返回包含Promise和两个函数（resolve和reject）的对象，为处理异步操作提供了更加灵活的工具。该API提高了代码的灵活性和模块化，使开发者能够更高效地编写和维护代码。

关键观点2: Promise.withResolvers的基础使用

通过模拟一个异步的网络请求的例子，展示了在使用Promise.withResolvers前后代码的差异，强调了该API在减少模板代码和使逻辑更加清晰方面的优势。

关键观点3: 兼容性注意点

指出Promise.withResolvers目前还处于Stage 3阶段，需要注意兼容性和支持度问题。提到主流浏览器尚未全面支持该特性，开发者需要考虑降级方案或使用Polyfill来保证代码的兼容性。

关键观点4: 如何在现有项目中使用Promise.withResolvers

详细介绍了如何在现有项目中配置Babel和webpack来使用Promise.withResolvers，包括安装必要的包、配置Babel和webpack的步骤，以及使用Promise.withResolvers的示例。