(function(){在Javascript中的含义

Question

我想了解这段代码之间的区别:

(function() {

而这段代码:

$(function() {

第一个示例是否在文档就绪后运行代码,第二个示例是什么？或者仅仅是功能的范围,仅此而已？

Answer 1

第一个例子是一个闭包,它是JavaScript中常用的设计模式.在第二个中,你调用$函数给另一个函数作为参数(jQuery将在文档准备好后立即执行它,因为它是别名$(document).ready(function () {})).

这是关闭的一个例子:

(function () {
    var foo = 'foo';
    var bar = 'bar';
    window.foo = foo;
})();    // Those () mean that you're calling this anonymous function

console.log(typeof foo);    // Logs 'string'
console.log(typeof bar);    // Logs 'undefined', since 'bar' is internal to the closure's
                            // scope and was not exposed like was 'foo'

这是一个例子$(function () {}):

$(function () {
    alert('Document ready');
});

检查这些页面:

• JavaScript闭包如何工作？
• https://api.jquery.com/jquery/#jQuery3