blocks|key|576882|text|第一个方法使用jQuery将函数绑定到document.ready事件。第二个声明并立即执行一个函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|576883|entityMap^0|J|E|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

The first uses jQuery to bind a function to the <code>document.ready</code> event. The second declares and immediately executes a function.

blocks|key|2688012|text|$(function()+{});是jQuery的快捷方式|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2688013|+$(document).ready(function()+{+
+++++/*+Handler+for+.ready()+called.+*/+
+});|code-block|syntax|javascript|2688014|而(function()+{})();是一个即时调用的函数表达式，或称While。这意味着它是一个表达式(而不是语句)，它在创建后立即被调用。|2688015|entityMap^0|0|H|0|0|1|I|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<code>$(function() {});</code> is a jQuery shortcut for 

<pre><code> $(document).ready(function() { 
 /* Handler for .ready() called. */ 
 });
</code></pre>

While <code>(function() {})();</code> is a instantly invoked function expression, or IIFE. This means that its an expression (not a statement) and it is invoked instantly after it is created.

blocks|key|2687973|text|一个是jquery+$(document).ready函数，另一个是调用自身的匿名函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2687974|entityMap^0|A|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

one is a jquery <code>$(document).ready</code> function and the other is just an anonymous function that calls itself.

blocks|key|574184|text|它们都是匿名函数，但(function(){})()是立即调用的，$(function(){})是在文档准备好时调用的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|574185|jQuery的工作原理是这样的。|574186|window.jQuery+=+window.$+=+function(arg)+{
++++if+(typeof+arg+==+'function')+{
++++++++//+call+arg()+when+document+is+ready
++++}+else+{
+++++++//+do+other+magics
++++}
}|code-block|syntax|javascript|574187|因此，您只需调用jQuery函数并传入一个函数，该函数将在document+ready时调用。|574188|“自执行匿名函数”就是这样做的。|574189|function+a(){
++++//+do+stuff
}
a();|574190|唯一的区别是您不会污染全局名称空间。|574191|entityMap^0|A|G|X|F|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|13|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|6|7|16|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|V|$]]

They are both anonymous functions, but <code>(function(){})()</code> is called immediately, and <code>$(function(){})</code> is called when the document is ready.

jQuery works something like this.

<pre><code>window.jQuery = window.$ = function(arg) {
 if (typeof arg == 'function') {
 // call arg() when document is ready
 } else {
 // do other magics
 }
}
</code></pre>

So you're just calling the jQuery function and passing in a function, which will be called on document ready.

The 'Self-executing anonymous function' is the same as doing this.

<pre><code>function a(){
 // do stuff
}
a();
</code></pre>

The only difference is that you are not polluting the global namespace.

blocks|key|4303976|text|$(function+()+{
++++//+It+will+invoked+after+document+is+ready
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4303977|一旦文档准备就绪，这个函数的执行意味着，整个HTML应该在执行之前加载，但在第二种情况下，函数在创建后立即调用。|unstyled|4303978|(function+()+{
++++//+It+will+invoked+instantly+after+it+is+created
})();|4303979|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>$(function () {
 // It will invoked after document is ready
});
</code></pre>

This function execution once documents get ready mean, the whole HTML should get loaded before its execution but in the second case, the function invoked instantly after it is created.

<pre><code>(function () {
 // It will invoked instantly after it is created
})();
</code></pre>

What is the difference between these two:

<pre><code>$(function () {
 // do stuff
});
</code></pre>

AND

<pre><code>(function () {
 // do stuff
})();
</code></pre>

Dollar sign before self declaring anonymous function in JavaScript?

33 天实现自己的 AI 进化论？发文瓜分机械键盘、耳机等万元奖池！点击参加活动：<a href="https://cloud.tencent.com/developer/article/2503022" target="_blank">https://cloud.tencent.com/developer/article/2503022</a> 
 <img src="https://qcloudimg.tencent-cloud.cn/raw/01543e0407db10898a7ee9f420794432.jpg"/>

技术创作特训营有奖征文

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

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

腾讯云数据库专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云AI代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

文章&问答评论现已支持表情

这两者之间的区别是什么：$(function () {    // do stuff});和(function () {    // do stuff})();

问在JavaScript中自我声明匿名函数前有美元符号吗？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在JavaScript中自我声明匿名函数前有美元符号吗？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在JavaScript中自我声明匿名函数前有美元符号吗？
EN