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。
➡️
