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

相关文章
|
1月前
|
前端开发 JavaScript 开发者
探索JavaScript ES6的八种常见使用技巧:开启现代编程之旅
探索JavaScript ES6的八种常见使用技巧:开启现代编程之旅
|
1月前
|
存储 JavaScript 编译器
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 078 JavaScript 条件判断语句
条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。
|
1月前
|
JavaScript 前端开发 编译器
编程笔记 html5&css&js 077 Javascript 关键字
编程笔记 html5&css&js 077 Javascript 关键字
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 076 Javascript 表达式
编程笔记 html5&css&js 076 Javascript 表达式
|
1月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 075 Javascript 常量和变量
编程笔记 html5&css&js 075 Javascript 常量和变量
|
1月前
|
JavaScript 前端开发 程序员
编程笔记 html5&css&js 074 Javascript 运算符
编程笔记 html5&css&js 074 Javascript 运算符
|
1月前
|
JavaScript 前端开发 Java
编程笔记 html5&css&js 073 JavaScript Object数据类型
编程笔记 html5&css&js 073 JavaScript Object数据类型
|
1月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 072 JavaScript BigInt数据类型
编程笔记 html5&css&js 072 JavaScript BigInt数据类型