JS编程建议——70:惰性实例化

简介: 70:惰性实例化

建议70:惰性实例化
惰性实例化要解决的问题是:避免了在页面中JavaScript初始化执行的时候就实例化类,如果在页面中没有使用这个实例化的对象,就会造成一定的内存浪费和性能消耗。如果将一些类的实例化推迟到需要使用它的时候才去做,就可以避免资源过早损耗,做到“按需供应”。
var myNamespace = function() {

var Configure = function() {
    var privateName = "someone's name";
    var privateReturnName = function() {
        return privateName;
    }
    var privateSetName = function(name) {
        privateName = name;
    }
    //返回单例对象
    return {
        setName : function(name) {
            privateSetName(name);
        },
        getName : function() {
            return privateReturnName();
        }
    }
}
//存储configure实例
var instance;
return {
    getInstance : function() {
        if(!instance) {
            instance = Configure();
        }
        return instance;
    }
}

}();
//使用方法上需要getInstance这个函数作为中间量
myNamespace.getInstance().getName();
上面就是简单的惰性实例化的示例,其中有一个缺点就是需要使用中间量来调用内部的Configure函数所返回的对象的方法,当然也可以使用变量来存储myNamespace.getInstance()返回的实例对象。将上面的代码稍微修改一下,就可以用比较直观的方法来使用内部的方法和属性。
//惰性实例化的变体
var myNamespace2 = function() {

var Configure = function() {
    var privateName = "someone's name";
    var privateReturnName = function() {
        return privateName;
    }
    var privateSetName = function(name) {
        privateName = name;
    }
    //返回单例对象
    return {
        setName : function(name) {
            privateSetName(name);
        },
        getName : function() {
            return privateReturnName();
        }
    }
}
//存储configure实例
var instance;
return {
    init : function() {
        //如果不存在实例,就创建单例实例
        if(!instance) {
            instance = Configure();
        }
        //创建Configure单例
        for(var key in instance) {
            if(instance.hasOwnProperty(key)) {
                this[key] = instance[key];
            }
        }
        this.init = null;
        return this;
    }
}

}();
//使用方式
myNamespace2.init();
myNamespace2.getName();
在上面代码中修改了自执行函数返回的对象的代码,在获取Configure函数返回的对象时,将该对象的方法赋给myNamespace2,这样调用方式就发生了一点改变。

相关文章
|
2月前
|
存储 JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果+1
JavaScript编程实现tab选项卡切换的效果+1
|
3月前
|
JavaScript 前端开发 编译器
解锁JavaScript模块化编程新纪元:从CommonJS的基石到ES Modules的飞跃,探索代码组织的艺术与科学
【8月更文挑战第27天】随着Web应用复杂度的提升,JavaScript模块化编程变得至关重要,它能有效降低代码耦合度并提高项目可维护性及扩展性。从CommonJS到ES Modules,模块化标准经历了显著的发展。CommonJS最初专为服务器端设计,通过`require()`同步加载模块。而ES Modules作为官方标准,支持异步加载,更适合浏览器环境,并且能够进行静态分析以优化性能。这两种标准各有特色,但ES Modules凭借其更广泛的跨平台兼容性和现代语法逐渐成为主流。这一演进不仅标志着JavaScript模块化的成熟,也反映了整个JavaScript生态系统的不断完善。
50 3
|
11天前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包:解锁编程潜能,释放你的创造力
【10月更文挑战第25天】本文深入探讨了JavaScript中的闭包,包括其基本概念、创建方法和实践应用。闭包允许函数访问其定义时的作用域链,常用于数据封装、函数柯里化和模块化编程。文章还提供了闭包的最佳实践,帮助读者更好地理解和使用这一强大特性。
11 2
|
2月前
|
JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果
JavaScript编程实现tab选项卡切换的效果
|
2月前
|
JavaScript 前端开发
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
|
2月前
|
JavaScript 前端开发 安全
JavaScript编程实现字符和字符串翻转
JavaScript编程实现字符和字符串翻转
|
2月前
|
JavaScript 前端开发
用JavaScript编程定义二维数组并初始化,然后输出元素值
用JavaScript编程定义二维数组并初始化,然后输出元素值
|
3月前
|
JavaScript 前端开发 安全
揭秘TypeScript的魔力:它是如何华丽变身为JavaScript的超能英雄,让您的代码飞入全新的编程维度!
【8月更文挑战第22天】在Web开发领域,JavaScript是最主流的编程语言之一。但随着应用规模的增长,其类型安全和模块化的不足逐渐显现。为解决这些问题,微软推出了TypeScript,这是JavaScript的一个超集,通过添加静态类型检查来提升开发效率。TypeScript兼容所有JavaScript代码,并引入类型注解功能。
38 2
|
3月前
|
JavaScript 前端开发 Oracle
|
3月前
|
JavaScript 前端开发 开发者
震撼揭秘!JS模块化进化史:从混沌到秩序,一场代码世界的华丽蜕变,你怎能错过这场编程盛宴?
【8月更文挑战第23天】在 Web 前端开发领域,JavaScript 模块化已成为处理日益复杂的 Web 应用程序的关键技术。通过将代码分解成独立且可重用的模块,开发者能够更有效地组织和管理代码,避免命名冲突和依赖混乱。从最早的全局函数模式到 IIFE,再到 CommonJS 和 AMD,最终进化到了 ES6 的原生模块支持以及 UMD 的跨环境兼容性。本文通过具体示例介绍了这些模块化规范的发展历程及其在实际开发中的应用。
48 0
下一篇
无影云桌面