Javascript文档结构Obj vs Func

Javascript文档结构Obj vs Func,javascript,architecture,structure,Javascript,Architecture,Structure,我已经看到了一些构建大型共享js文档的方法,我正试图了解应该遵循哪种方法 我在涉及大量无关函数调用的web项目中看到的一种方法是将每个调用定义为共享父对象的方法(最小化全局变量并模拟名称空间) 我见过的另一种方法是使用父函数 var parentFunc = function() { this.someMethod = function() { $('.slideshow').animate({}); }; this.someOtherMethod =

我已经看到了一些构建大型共享js文档的方法,我正试图了解应该遵循哪种方法

我在涉及大量无关函数调用的web项目中看到的一种方法是将每个调用定义为共享父对象的方法(最小化全局变量并模拟名称空间)

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

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文档的方法在操作上有什么不同吗

一种做法比另一种更好(或更普遍接受)


就代码重用而言,使用其中一种方法是否有优势(例如实例化一个新的方法实例,例如第二个幻灯片或手风琴)?

从操作角度看,它们是相同的。每次调用函数时,都会编译这两个子函数

还有一种方法——在这种声明的情况下,函数只声明一次,然后分发给其他函数

从性能上看,原型方法更合适

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