0

我已经看到了几种构建大型共享 js 文档的方法，我正在尝试了解应该遵循哪种方法。

我在涉及大量不相关函数调用的 Web 项目中看到的一种方法是将每个调用定义为共享父对象的方法（最小化全局变量并模拟命名空间）。

var parentObj = {
    someMethod: function() {
        $('.slideshow').animate({});
    },
    someOtherMethod: function() {
        $('.accordian').on('click', function() {
            console.log('etc, etc');
        });
    }
};

我见过的另一种方法是使用父函数。

var parentFunc = function() {
    this.someMethod = function() {
        $('.slideshow').animate({});
    };

    this.someOtherMethod = function() {
        $('.accordian').on('click', function() {
            console.log('etc, etc');
        });
    };
};

然后在需要的时候初始化需要的方法；

$(document).ready(function() {
    parentObj.someMethod();
    parentFunc.someOtherMethod();
});

问题：

这两种构建 javascript 文档的方式在操作上是否存在差异？

一种比另一种更好（或更普遍接受）的做法吗？

在代码重用方面，使用其中一个是否有优势（例如实例化方法的新实例，例如第二张幻灯片或手风琴）？

4

1 回答 1

1

从操作方面来看，它们是相同的。每次调用函数时，都会编译这两个子函数。

还有一种原型方式——在这种声明的情况下，函数被声明一次并分发给其他函数。

从性能方面来看，Prototype 方式更为合适。

于 2013-10-22T08:20:24.470 回答