blocks|key|311426|text|把它放在里面，这样它就不会污染全局命名空间。由于JavaScript的作用域链，它还可以确保更快地解析函数名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|311427|如果它是一个可重用的组件，就把它放在外面，这样你就可以很容易地把它移到一个单独的文件中，并从不同的上下文调用它。|311428|由于您已经使用了JQuery，因此值得一提的是，在您的示例中，您可能希望在外部将hexvalidate定义为JQuery+plugin，然后在内部调用它。|offset|length|style|CODE|311429|entityMap|0|LINK|mutability|MUTABLE|url|http://www.queness.com/post/112/a-really-simple-jquery-plugin-tutorial^0|0|0|14|B|1I|D|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@$F|U|G|V|H|I]]|9|@$F|W|G|X|1|Y]]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

Put it inside so it won't pollute the global namespace. It also ensures a faster resolve of the function name because of JavaScript's scope chains.
Put it outside if it's a reusable component so you could easily move it in a separate file and call from different contexts.
Since you already use JQuery, it's worth mentioning, that in your case you may want to define <code>hexvalidate</code> as a <a href="http://www.queness.com/post/112/a-really-simple-jquery-plugin-tutorial" rel="nofollow noreferrer">JQuery plugin</a> outside and then invoke it inside.

blocks|key|3050014|text|将这些函数放在文档就绪函数中的一个优点是它们不会污染您的全局名称空间……缺点是，如果你在页面上的其他地方需要它们，它们将不可用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3050015|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

one advantage of putting those functions inside the document ready function is that they don't pollute your global namespace... with the downside that if you need them somewhere else on the page they won't be available.

blocks|key|3050017|text|如果您的所有函数都是从jQuery(function+()+{+})块中调用的，请将它们放入其中。否则，您将不必要地污染全局名称空间，这可能会导致冲突。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3050018|仅全局声明也由其他作用域中的代码使用的函数。|3050019|entityMap^0|B|N|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

If all your functions are only called from within the <code>jQuery(function () { })</code> block, put them inside it. Otherwise you're needlessly polluting the global namespace, which may lead to conflicts down the road.

Only declare functions globally that are also used by code in other scopes.

blocks|key|3263676|text|如果要创建一个需要在$(document).ready()函数的作用域之外调用的函数，请将其放在$(document).ready()函数的外部。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3263677|否则，请将其保留在内部。|3263678|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

If you're creating a function that needs to be called outside of the scope of the $(document).ready() function, keep it outside of the $(document).ready() function.

Otherwise keep it internal.

blocks|key|3050045|text|我认为你一开始就不应该使用任何“简单的函数”。在面向对象的javascript中，“函数”通常属于四种不同的类型之一：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3050046|3050047|构造器或者一个匿名的'init‘闭包--用于构造对象。唯一允许为全局|unordered-list-item|3050048|方法的函数类型-是某个object|3050049|实用工具的一部分的函数-构造函数/方法的内部函数，在|3050050|中不可见-作为参数传递的函数常量|3050051|例如：|3050052|+(function()+{+<-+init+closure

++++++++function+helper1()+{+<-+utility+}

++++++++globalSomething+=+{

++++++++++++++foobar:+function()+{+<-+method+
++++++++++++++++++xyz.replace(/.../,+function()+{+<-+constant+})

++++++++++++++}
++++++++}
++)()|code-block|syntax|javascript|3050053|在你的例子中，'hexvalidate‘显然是Validator对象的一部分，反过来，它可以成为一个jQuery插件：|3050054|+++(function($)+{
++++++++$.validate+=+{
++++++++++++hexColor:+function(color)+{+...+your+code+}
++++++++++++more+validators...
++++++++}
+++++)(jQuery)|3050055|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|11|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|14|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|15|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|P|7|17|8|@]|9|@]|A|$Q|R]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

I don't think you should be using any 'just functions' in the first place. In OOP javascript a "function" usually belongs to one of four distinct types:

<ul>
<li>Constructor or an anonymous 'init' closure - used to construct objects. The only type of function that is allowed to be global</li>
<li>Method - function that is a part of some object</li>
<li>Utility - inner function of a constructor/method, invisible from outside</li>
<li>Constant - a functional constant passed as a parameter</li>
</ul>

e.g.

<pre><code> (function() { &lt;- init closure

 function helper1() { &lt;- utility }

 globalSomething = {

 foobar: function() { &lt;- method 
 xyz.replace(/.../, function() { &lt;- constant })

 }
 }
 )()
</code></pre>

In your example, 'hexvalidate' is obviously a part of Validator object, which, in turn, can be made a jQuery plugin:

<pre><code> (function($) {
 $.validate = {
 hexColor: function(color) { ... your code }
 more validators...
 }
 )(jQuery)
</code></pre>

Up until now I just put all my jQuery goodness inside the <code>$(document).ready()</code> function, including simple functions used in certain user interactions. 

But functions that don´t require the DOM document to be loaded or are only called afterwards anyway, can be placed outside the <code>$(document).ready()</code> as well. Consider for example a very simple validation function such as:

<pre><code>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);
}
</code></pre>

The function is only called from within the <code>$(document).ready()</code> function though.

What is best practice (syntax, speed); placing such a function inside or outside the jquery document ready function?

functions inside or outside jquery document ready

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

到目前为止，我只是把我所有的jQuery优点都放在了$(document).ready()函数中，包括在某些用户交互中使用的简单函数。但是那些不需要加载DOM文档或者只在之后调用的函数，也可以放在$(document).ready()之外。例如，考虑一个非常简单的验证函数，例如：function hexvalidate...

问jquery文档内部或外部的函数已就绪
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery文档内部或外部的函数已就绪EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery文档内部或外部的函数已就绪
EN