DEV Community
·
异步 p5.js 2.0
💡
原文英文，约3700词，阅读约需14分钟。
📝
内容提要
在p5.js 2.0中，将preload函数替换为async setup函数，原有preload中的代码移至setup，并添加async和await关键字，以实现异步加载。这一变更旨在简化代码，提升学习体验，适应现代JavaScript的异步操作。
🎯
关键要点
- 在p5.js 2.0中，preload函数被async setup函数替代。
- 将原有preload中的代码移至setup，并添加async和await关键字以实现异步加载。
- 这一变更旨在简化代码，提升学习体验，适应现代JavaScript的异步操作。
- JavaScript是单线程的，异步操作允许在加载文件时继续执行其他代码。
- 使用回调函数处理异步操作可能导致回调地狱，使用Promise可以改善代码结构。
- async/await是基于Promise的语法糖，能够保持代码的线性流。
- p5.js 2.0的更新使得用户可以更方便地使用异步操作，符合现代JavaScript标准。
- 对于用户代码，需将preload中的代码复制到setup中，并添加async和await。
- 对于库作者，更新代码将简化，不再需要处理preload相关的函数。
- p5.js 2.0兼容性插件将允许用户在过渡期间继续使用preload。
❓
延伸问答
p5.js 2.0中preload函数有什么变化？
在p5.js 2.0中，preload函数被async setup函数替代，原有preload中的代码移至setup，并添加async和await关键字以实现异步加载。
为什么要将preload函数替换为async setup函数？
这一变更旨在简化代码，提升学习体验，适应现代JavaScript的异步操作。
如何将旧版p5.js代码迁移到2.0版本？
用户需将preload中的代码复制到setup中，并添加async和await关键字，确保异步加载。
async/await在p5.js 2.0中如何改善代码结构？
async/await是基于Promise的语法糖，能够保持代码的线性流，避免回调地狱，简化异步操作的处理。
p5.js 2.0对库作者有什么影响？
库作者将不再需要处理preload相关的函数，更新代码将变得更简单，所有异步函数都可以直接返回Promise。
p5.js 2.0是否支持旧版preload函数？
p5.js 2.0兼容性插件将允许用户在过渡期间继续使用preload。
➡️
