javascript - 如何在jquery中的变量中调用函数赋值

Question

我声明了一个函数并将其分配给一个变量，函数内部是其他函数。通常，在第一次加载页面时，它会加载函数等。当我在 ajax 成功回调中使用该变量时，它表示 init() 函数不是函数。

这是我分配给名为 GRID 的变量的示例 jquery 函数:

    var Grid = (function() {
       function init( config ) { ... }
         .
         .
         .
       function addItems( $items ) { ... }
      return { init: init, . . . addItems: addItems }
    }

();

我有一个ajax调用

     function updateItems{
      .
      .
      .
      .
       jQuery.ajax({

            type: 'get',
            url:  ajaxURL,
            data: ajaxData,
            dataType: 'json',

            //Ajax call is successful
            success: function ( response ) {
                //Add new posts
               Grid.init();

            },
            error: function () {

            }
        });
        .
        .
        .
        }

代码有什么问题？为什么 Inspector 会返回一个错误，指出 Grid.init() 不是一个函数？请帮忙

Answer 1

var Grid = (function() {
   function init( config ) { ... }
     .
     .
     .
   function addItems( $items ) { ... }

   // explicitly return the functions, or properties you want to be attached to `Grid`
   return {
       init: init,
       .
       .
       .
       addItems: addItems
   }
// assuming you want this to be immediately invoked function expression
})();