javascript - jquery 文件内部或外部的函数就绪

Question

到目前为止，我只是将我所有的 jQuery 优势放在 $(document).ready() 函数中，包括某些用户交互中使用的简单函数。

但不需要加载 DOM 文档或仅在之后调用的函数也可以放在 $(document).ready() 之外。例如考虑一个非常简单的验证函数，例如:

function hexvalidate(color) {
// Validates 3-digit or 6-digit hex color codes 
 var reg = /^(#)?([0-9a-fA-F]{3})([0-9a-fA-F]{3})?$/;
 return reg.test(color);
}

该函数仅在 $(document).ready() 函数中调用。

什么是最佳实践(语法、速度)；将这样的函数放在内部 或外部 jquery 文档就绪函数？

Answer 1

把它放在里面 这样它就不会污染全局命名空间。由于 JavaScript 的范围链，它还确保更快地解析函数名称。

如果它是一个可重用的组件，则将它放在外面，这样您就可以轻松地将它移到一个单独的文件中，并从不同的上下文调用。

由于您已经使用了 JQuery，因此值得一提的是，在您的情况下，您可能希望将 hexvalidate 定义为 JQuery plugin 外部，然后内部调用它。