javascript - 全局减少 - 使用单个对象文字

标签 javascript organization object-literal

所以我只需要对应用程序的代码布局方式进行健全性检查。我总是热衷于学习更好的方法。

我基本上使用对象文字来组织我的代码,这意味着我有一个全局变量。然后,我为应用程序的每个部分创建一个单独的对象 - 类似于:

var MYAPP = {

        init : function() {
            //site wide common js
        },

        sections : {

            homepage : function() {
                //homepage js
            },

            anotherpage : function() {
                //another page js
                tools.usefultool();
            }

        },

        tools : {

            usefultool : function() {
                //useful reuseable method
            }

        }
};

我的问题是,虽然这有助于代码组织,但我想知道对象被初始化但从未使用过。例如 - 如果我在网站的主页上,我将只调用 MYAPP.sections.homepage() 。我实际上不需要任何其他对象,所以我想知道 - 这个结构是否有性能影响?有没有更好的办法?该结构紧密遵循 Rebecca Murphy 的伟大文章“使用对象来组织您的代码”(http://blog.rebeccamurphey.com/2009/10/15/using-objects-to-organize-your-code)。

谢谢!

最佳答案

是的,未使用的代码总是会影响性能,因为解析器必须实际解释代码,即使它没有执行。但这里的任何性能影响都是如此微小,以至于您永远不会注意到它。像这样的未使用代码的唯一真正的影响是下载它所需的带宽。如果您下载了一个 100kb 的文件但从未使用过,那么您下载该文件就是在浪费时间。

关于javascript - 全局减少 - 使用单个对象文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5463898/

相关文章:

python - 如何组织一个包含大量常量和异常的 Python 模块?

ruby - 命名空间如何在 Ruby 中工作?

javascript - 批量声明JavaScript关联数组

javascript - 动态添加变量名称值对到 JSON 对象

JavaScript:允许访问您尝试访问的 attr 的 __defineGetter__ 版本?

javascript - Express >4.0 版本的 Socket.io 和 Node.js

javascript - Vue.js 数据未在 View 中显示我正在尝试显示仅显示空白的待办事项列表

javascript - 如何将大型 HTML 代码转换为字符串以便在 .innerHTML 中使用

java - DAO 命名约定

javascript - 使用属性名称变量定义对象