需要一些帮助来了解此JavaScript

Question

我在js文件中有以下看起来很奇怪的代码，我需要一些帮助来了解发生了什么。 令我感到困惑的是，为什么整个事情都陷入了偏瘫？ 这意味着什么 ？

(function() {
  var someobj = window.someobj = [];
  var parentId = '#wrapper';

  $(document).ready(function() {
    //some code here
    });


  $(document).ready(function() {
    //some code here    
      }
    });

Answer 1

如果您提供的代码是完整的（两个$(document).ready(function() {});语句中的内容除外），则此代码将不执行任何操作，并且该函数将永远不会执行。 带有或不带有括号的情况都是一样的。

通过将函数包装在括号中，可以创建匿名 函数 。 但是，该函数必须立即执行或存储在变量中（这将否定匿名部分）。 您将经常看到这种技术，可以避免使用临时变量或仅用于大型应用程序初始化的变量污染全局范围。 例如。

(function() {
  // Do initialization shtuff
  var someLocalVariable = 'value';
})(); 
// Notice the `();` here after the closing parenthesis.  
// This executes the anonymous function.

// This will cause an error since `someLocalVariable` is not 
// available in this scope
console.log(someLocalVariable);

因此，您的代码丢失了(); 函数结尾处的右括号后。 这是您的代码应该（大概）如下所示：

(function() {
  var someobj = window.someobj = [];
  var parentId = '#wrapper';

  $(document).ready(function() {
    //some code here
  });


  $(document).ready(function() {
    //some code here    
  });
})();

Answer 2

该代码看起来不完整。 如所写，此代码将完全不执行任何操作。 最后是否缺少紧密的括号和额外的括号？

在JavaScript中，没有模块系统，因此没有办法用自己的顶级定义创建一个模块，该定义与可能使用的其他模块不冲突。

为了克服这个问题，人们使用匿名函数定义来避免名称冲突。 您要做的是创建一个匿名函数，并立即执行它。

(function () { /* do stuff */ })();

这将创建一个函数，然后立即不带参数地执行它。 在该函数中使用var定义的变量不会与其他位置定义的变量冲突，因此，您将获得自己的私有名称空间的等效项，例如模块系统将提供的名称空间。

Answer 3

外部括号在这里是多余的（尽管您的代码中有一个错别字，但我认为您错过了结尾); ）。 有时，人们在立即调用该功能时会在括号内将其包装起来，以使其更加清晰。

(function($) { 
    //some jQuery code    
})(jQuery);

在上面的函数中，参数$将具有外部jQuery变量的值。 这是在jQuery和jQuery插件中完成的，以防止$符号与其他框架冲突。

Answer 4

我将假定这实际上是匿名函数定义的一部分，这就是为什么要放在括号中。 如果有某种逻辑可以使window.someobj根据不同的条件进行更改，那么我可以看到这样做，但是让代码继续执行相同的操作。

Answer 5

就此代码而言，实际上并不需要括号。 这段代码似乎并不完整。 该函数通过将变量设置为页面上的某个对象然后设置另一个常量来进行初始化。 然后有两个看似相同的触发器，它们将在页面加载时触发一些代码。

看起来好像不是非常有用的代码。 是否有更大的部分可能对此有所启发？

Answer 6

在JS中，您可以声明一个函数，然后自动调用它：

( function Test() { alert('test'); } )();

Answer 7

括号定义一个临时范围。 有时在JavaScript中这样做很有用。 John Resig出色的学习高级JavaScript的指南中有许多示例和进一步的解释：

http://ejohn.org/apps/learn/#57