Javascript 文档结构 obj vs func.

Javascript Document Structure Obj vs Func

本文关键字：vs func obj 结构 文档 Javascript      更新时间：2023-09-26

我已经看到了几种构建大型共享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 文档的方式之间有什么操作差异吗？

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

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

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

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

从性能方面来看，原型方式是更合适的方式。

相关文章：