在将Promise集成到工作流程时，并非所有函数都需要是Promise，关键在于保持Promise链的完整性。
谨记：勿断链
正如Fleetwood Mac所唱，“永远不要打破链条”。 在异步工作流程中，避免从外部访问异步操作的结果是至关重要的。无论是Promise、async/await还是事件监听器，都应始终保持在Promise链内。
函数会被添加到microtask队列中，确保在所有同步代码执行完毕后再执行。即使Promise本身是Promise.resolve()或Promise.all([])也是如此。
以下示例展示了错误的做法：
let data = 'one';// then()中的函数会被排队Promise.resolve().then(() => { data += ' two';});// 这行代码在数据更新之前执行console.log(data); // 'one'
登录后复制
正确的做法是保持Promise链的完整性：
let data = 'one';Promise.resolve().then(() => { data += ' two';}).then(() => { console.log(data); // 'one two'});
登录后复制
事实上，将数据存储在Promise链之外通常是不必要的。更优雅的写法：
Promise.resolve('one') .then(data => `${data} two`) .then(console.log);
登录后复制
值直接在Promise链中传递和更新。 所有操作都在Promise链内完成，即使并非所有函数都是异步的。它们对Promise一无所知，但依然受益于Promise链提供的顺序保证。
Promise链的优势：
Promise链简化了异步操作的管理。无论函数是否返回Promise，只要在链内，执行顺序就得到保证。 我们只需要在链的起始处确保一个Promise即可，例如使用Promise.resolve()。
Promise.resolve()的包装作用：
Promise.resolve()可以巧妙地处理已存在的Promise。无论接收到的值是已解决的Promise、未决的Promise还是被拒绝的Promise，Promise.resolve()都会将其解包并传递其结果。
const resolvedPromise = new Promise((resolve) => resolve('yes'));const foreverPending = new Promise(() => {});const rejectedPromise = Promise.reject(new Error('no!'));Promise.resolve(resolvedPromise) .then(console.log); // 'yes'Promise.resolve(foreverPending) .then(() => console.log('resolved')) .catch(() => console.log('rejected'));Promise.resolve(rejectedPromise) .catch(console.error); // Error: no!
登录后复制
这种解包是严格相等的，确保得到的是原始Promise，而非副本。
对于多个Promise的情况，Promise.all()可以同时处理Promise和值。
Promise.all([10, Promise.resolve(4)]) .then(console.log); // [10, 4]
登录后复制
Promise.resolve()的力量：
Promise.resolve()确保了Promise链的起始，并解包已存在的Promise。 这使得我们能够专注于操作的顺序，而无需关心每个函数是否返回Promise。
以下示例展示了如何使用Promise.resolve()来处理异步操作，即使其中一些函数不是异步的：
const getUserData = () => ({ username: 'mySuperUniqueName', password: '123456' });const getWeakPasswords = () => ['password', '123456'];const isUserPasswordWeak = ([user, weakPasswords]) => weakPasswords.includes(user.password);const reportPasswordStrength = (isWeak) => console.log(isWeak ? 'You should change your password.' : 'This seems fine for now.');Promise.all([getUserData(), getWeakPasswords()]) .then(isUserPasswordWeak) .then(reportPasswordStrength); // 'You should change your password.'
登录后复制
即使getUserData和getWeakPasswords函数不是异步的，使用Promise.all和Promise.resolve依然可以保证操作的顺序和可读性。 将这些函数改为异步操作也不会影响其余代码。
总结：
将Promise视为程序控制流的管理工具，而非仅仅用于处理异步请求。 将操作分解成独立的函数，构建程序流，然后根据需要逐步将其转换为异步版本。 这有助于提高代码的可读性和可维护性。
以上就是承诺解决了的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2640475.html
![双向将信号输入对象值绑定为[（ngmodel）]](https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png)