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,这样调用方式就发生了一点改变。

相关文章
|
7月前
|
JavaScript 前端开发 Java
JavaScript:编程宇宙的多面闪耀之星-揭秘 JavaScript,编程界的全能霸主如何炼成?-优雅草卓伊凡
JavaScript:编程宇宙的多面闪耀之星-揭秘 JavaScript,编程界的全能霸主如何炼成?-优雅草卓伊凡
212 24
JavaScript:编程宇宙的多面闪耀之星-揭秘 JavaScript,编程界的全能霸主如何炼成?-优雅草卓伊凡
|
8月前
|
JavaScript Ubuntu Linux
如何在阿里云的linux上搭建Node.js编程环境?
本指南介绍如何在阿里云Linux服务器(Ubuntu/CentOS)上搭建Node.js环境,包含两种安装方式:包管理器快速安装和NVM多版本管理。同时覆盖全局npm工具配置、应用部署示例(如Express服务)、PM2持久化运行、阿里云安全组设置及外部访问验证等步骤,助你完成开发与生产环境的搭建。
|
存储 JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果+1
JavaScript编程实现tab选项卡切换的效果+1
|
9月前
|
JavaScript 前端开发 IDE
【编程向导】Js与Ts差异详解:选择与权衡
JavaScript 一直是 Web 开发的基石,以其灵活性和动态性著称,但其松散类型可能导致大型项目中出现难以调试的错误。TypeScript 作为 JavaScript 的超集,通过引入静态类型系统,提供了更高的类型安全性和更好的工具支持,尤其适合大型团队和复杂项目。本文详细对比了 JavaScript 和 TypeScript 的优缺点,并提供了实际代码示例,帮助开发者根据项目需求选择合适的工具。
1171 2
|
前端开发 JavaScript 持续交付
提高JavaScript编程效率
提高JavaScript编程效率
143 3
|
自然语言处理 JavaScript 前端开发
JavaScript闭包:解锁编程潜能,释放你的创造力
【10月更文挑战第25天】本文深入探讨了JavaScript中的闭包,包括其基本概念、创建方法和实践应用。闭包允许函数访问其定义时的作用域链,常用于数据封装、函数柯里化和模块化编程。文章还提供了闭包的最佳实践,帮助读者更好地理解和使用这一强大特性。
106 2
|
JavaScript 前端开发 安全
JavaScript编程实现字符和字符串翻转
JavaScript编程实现字符和字符串翻转
|
JavaScript 前端开发
JavaScript编程实现tab选项卡切换的效果
JavaScript编程实现tab选项卡切换的效果
|
JavaScript 前端开发
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
|
JavaScript 前端开发
用JavaScript编程定义二维数组并初始化,然后输出元素值
用JavaScript编程定义二维数组并初始化,然后输出元素值

热门文章

最新文章