2

我正在开发一个 jQuery 插件，对在同一命名空间内的方法之间共享函数和变量有点困惑。我知道以下将起作用：

    (function($){

    var k = 0;
    var sharedFunction = function(){
                //...
                }

    var methods = {

    init : function() { 
      return this.each(function() {
          sharedFunction();
        });
    },

     method2 : function() { 
      return this.each(function() {
          sharedFunction();
        });
    }
  };

$.fn.myPlugin = function(method) {
    // Method calling logic
    if (methods[method]) {
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
    } else if (typeof method === 'object' || ! method){
      return methods.init.apply(this, arguments);
    } else {
      $.error('Method ' +  method + ' does not exist here');
    }    
  };

})(jQuery);

但是，我想知道是否有更好的方法来做到这一点。虽然我知道变量“k”和函数“sharedFunction”在技术上不是全局的（因为它们不能直接在插件之外访问），但这似乎并不复杂。

我知道 $.data 是一个选项，但是如果您有大量需要通过插件中的多个方法访问的变量和函数，这似乎会变成一团糟。

任何见解将不胜感激。谢谢！

4

1 回答 1

1

Javascript 中（可以说）更常见的缺陷之一是{ }没有像其他 C 风格语言那样定义范围；功能做。

考虑到这一点，除了使变量全局化之外，有两种方法（我通常使用）在两个单独的函数之间共享变量：

在通用函数中声明函数

这就是您在上面演示的内容。您在另一个函数（定义范围）中声明了两个函数。在容器函数的子级中声明的任何内容都可以在其范围内的任何位置使用，包括两个内部函数的范围。

// this is a self-calling function
(function () {

    var foo;

    var f1 = function () {
        // foo will be accessible here
    },

    f2 = function () {
        // ... and foo is accessible here as well
    }

})();

老实说，这根本不是“简单的”，并且通常用来代替无法在 Javascript 中定义函数范围以外的范围。

命名空间公共成员

您可以在全局范围内定义一个对象，然后使用您的变量/函数对其进行扩展。您确实必须走向全球，但通过确保只进行一次，您可以最大限度地减少您的足迹。

window.app = {
    foo : 'bar'
};

(function () {

    var f1 = function () {
        // app.foo will be accessible here
    };

})();

(function () {

    var f2 = function () {
        // ... and here as well, even though we're 
        // in a totally different (parent) scope
    };

})();

使用$().data()可能看起来可行，但虽然它肯定有它的用途，但我不建议增加额外的开销来提供你描述的功能，因为它可以通过简单的语言机制轻松（和本机）实现（尽管，可读性需要有点习惯）。

于 2012-10-03T19:00:44.833 回答