举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > Javascript模块模式

Javascript模块模式

2023-04-27 07:31 JavaScript教程

 Javascript模块模式

Javascript面向对象设计 - Javascript模块模式


模块模式是一个用于创建单例的对象创建模式对象与私有数据。

模块模式是一个用于创建单例的对象创建模式对象与私有数据。...


var yourObject = (function() { 
    // private data variables 
    return { //w w  w .  j  av  a  2  s. c  o  m
        // public methods and properties 
    }; 
}()); 

<p>For example: </p>

var book = (function() { 
    var version= 1; 
    return { 
        name : "Javascript", 
        getVersion: function() { 
            return version; 
        }, 
        publishNewVersion : function() { 
            version++; 
        } 
    }; 
}()); 

console.log(book.name);      
console.log(book.getVersion());  //Javascript

book.version = 2; 
console.log(book.getVersion());  //1

book.publishNewVersion(); 
console.log(book.getVersion());  //2

上面的代码生成以下结果。



例子

显示模块模式在顶部安排所有变量和方法并将它们分配给返回的对象。

我们可以使用显示模块模式来编写前面的示例,如下所示:


var book = (function() { 
    var version = 1; 
    function getVersion() { 
        return version; 
    } 
    function publishNewVersion() { 
        version++; 
    } 
    return { 
        name : "Javascript", 
        getVersion: getVersion, 
        publishNewVersion : publishNewVersion 
    }; 
}()); 

console.log(book.name);      
console.log(book.getVersion());  //Javascript

book.version = 2; 
console.log(book.getVersion());  //1

book.publishNewVersion(); 
console.log(book.getVersion());  //2

上面的代码生成以下结果。



阅读全文
以上是鳄鱼CMS为你收集整理的 Javascript模块模式全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们