本文介绍 Sketch 团队开发的 npm 包 sketch-polyfill-settimeout 的使用，该包提供了在 Sketch 中使用 setTimeout 函数的能力。
为什么需要 polyfill
Sketch 不是一般的运行环境，它并没有提供常规浏览器所提供的某些 JavaScript 全局对象和函数。例如，Sketch 中不存在 window 对象和一部分函数，如 setTimeout、setInterval、requestAnimationFrame 等。虽然 Sketch Synbol 设计时自带了 override 函数，可以实现自定义动画效果，但是这样会使得代码可读性和可维护性都大大降低。要在 Sketch 中完成定时任务的需求，就需要使用 polyfill 技术给 Sketch 补上缺失的函数。
安装
该 npm 包可以通过 npm 安装，使用 npm 的前提条件是你已经安装了 Node.js。在终端中使用以下命令安装：
npm install sketch-polyfill-settimeout --save
API
在安装了该包之后，你直接在 Sketch 中即可使用 setTimeout 和 clearTimeout 函数。
-- -------------------- ---- ------- --------------------- - ------------------ ---------- -- ----- --- --------- - --------------------- - ------------------ ---------- -- ----- -----------------------
示例代码
通过下面的示例代码，你可以快速了解如何在 Sketch 中使用 sketch-polyfill-settimeout 包。
-- -------------------- ---- -------
-- -- ------ -- ----- ---------- ------ -----------
--- -------- - -------------------
-- -- --- - -----------------------------
--- ------------------------ - -------------------------------------
-- ---- ------ -----
-------- ------------------ -
-- - -- -------
----------------------------------- -
------------------ ---------
-- ------
-
-- --------- ------ -----
------------------------------------------- -----------------结语
通过该 npm 包，我们可以在 Sketch 中方便地使用 setTimeout 和 clearTimeout 函数，从而实现更多的功能和效果。这不仅展示了 polyfill 的巨大作用，同时也为 Sketch 开发者提供了更好的编程体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005725881e8991b448e8769