简介
随着 Sketch 插件开发的不断发展，我们面对了很多各种各样的问题。其中一个常见的问题就是 setInterval 函数在 Sketch 中的使用。这是因为 Sketch 对 setInterval 函数有个比较严格的限制，而这个限制限制了 setInterval 函数在 Sketch 中的使用。因此，有必要使用一些 polyfill 来解决这个问题。
在本文中，我们将介绍如何使用一个 npm 包 sketch-module-setinterval-polyfill 来解决 Sketch 中 setInterval 函数的限制。
使用步骤
步骤一：安装 sketch-module-setinterval-polyfill
在终端运行以下命令来安装 sketch-module-setinterval-polyfill。
npm install sketch-module-setinterval-polyfill
步骤二：导入 sketch-module-setinterval-polyfill
在你的 Sketch 插件的入口文件中，导入 sketch-module-setinterval-polyfill。
import 'sketch-module-setinterval-polyfill';
步骤三：使用 setInterval 函数
通过使用以上两个步骤，你现在已经可以在 Sketch 中使用 setInterval 函数了。下面是一个简单的示例：
import sketch from 'sketch';
import 'sketch-module-setinterval-polyfill';
export default function(context) {
setInterval(() => console.log('Hello setInterval!'), 1000);
}步骤四：卸载 sketch-module-setinterval-polyfill
如果你不再需要 sketch-module-setinterval-polyfill，可以使用以下命令卸载。
npm uninstall sketch-module-setinterval-polyfill
深度分析
如果你对 sketch-module-setinterval-polyfill 包使用的细节感兴趣，可以继续阅读本部分内容。
sketch-module-setinterval-polyfill 是一个简单的 polyfill，通过重写 setInterval 函数来绕过 Sketch 对 setInterval 函数的限制。
下面是 sketch-module-setinterval-polyfill 的简单实现：
-- -------------------- ---- -------
-- ------- ------ --- ------------ -
----- ------ - ---
------------------ - ------------ --- -------- -
----- -- - -------------------------- ----------------- -
-------------- ----------
-- - ----------------------- --- -------------
-- --- ---------
---------- - -----
------ ---
--
-------------------- - ------------ -
------------------------
---------- - ------
--
-如上所述，在 Node.js 环境中会使用 setInterval 和 clearInterval 的 polyfill，并将其添加到一个名为 timers 的对象字典中，然后重条件清除自身的 timeout。
有了这个 polyfill，我们使用 setInterval 函数就可以在 Sketch 中拥有良好的使用体验。
结论
借助 sketch-module-setinterval-polyfill 这个 npm 包，我们可以轻松地解决 Sketch 中 setInterval 函数的限制。这样，我们可以更加深入地探索 Sketch 插件的开发，并让 Sketch 插件开发更加有趣、灵活。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600559e281e8991b448d7714