【问题标题】:What is meaning of "()" in this code[closure]此代码中“()”的含义是什么[关闭]
【发布时间】:2014-03-26 00:28:21
【问题描述】:
$(document).ready(function(){
    var dash = function(){
            return{
             bindEvents: function(){
             }
            };      
    }();
window.methods = dash;
methods.bindEvents();
 });

如果没有“()”,上述代码将无法工作。请解释为什么我们需要使用????

还有

         return{
         bindEvents: function(){
                               }
         };

工作正常。但是如果我在 return 语句下方对齐花括号。它抛出一个错误

          return
            {                  // throws an error
         bindEvents: function(){
                               }
             };

请解释一下。

【问题讨论】:

  • 因为它是作为一个 IIFE 工作的...该函数正在返回一个对象...它可以简化为 $(document).ready(function () { var dash = { bindEvents: function () {} }; window.methods = dash; methods.bindEvents(); });
  • @Arun P Johny:我不清楚你的评论。请详细说明。
  • 反对票无所谓。请告诉你为什么投反对票????

标签: javascript jquery html closures


【解决方案1】:

让我们看看你在问题中提到的几点:

$(document).ready(function(){
   var dash = function(){
        return{
           bindEvents: function(){}
        };      
   }();
   window.methods = dash;
   methods.bindEvents();
});

1 - 上面的代码在没有“()”的情况下不起作用。请解释为什么我们需要使用????

因为这是 (IIFE--Immediately-Invoked Function Expression) 的语法,这意味着它是一个在文档加载后立即执行的表达式,请考虑开发相同的 jQuery 库方式。

return
      {   // throws an error
        bindEvents: function(){}
      };

2 - 但如果我在 return 语句下方对齐花括号。它抛出一个错误

是的,编译器会警告存在语法错误,因为如果您将大括号移到该行,那么当您使用浏览器查看页面或函数时,它会自动添加@987654323 @ 那里,所以它变成了return;

所以输出类似于:

return;
      {   // throws an error
        bindEvents: function(){}
      };

在它下面有一个object,它没有从它返回,所以它会导致问题。

【讨论】:

    【解决方案2】:

    它会立即执行你定义的函数

    function() {
     return{
      bindEvents: function(){}
      };      
    }
    

    没有它dash 将指向您定义的函数,使用它dash 将包含在这种情况下对象的函数执行结果:

    {
      bindEvents: function(){}
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-16
      • 2017-03-17
      • 2018-05-20
      • 1970-01-01
      • 2015-04-26
      • 1970-01-01
      相关资源
      最近更新 更多