返回顶部

收藏

javascript静态类实例代码

更多

早些天写过了类的实现,接着我们看看的静态类的实现。这东西在Javascript里用得会非常的频繁,因为针对现在的网页,多个基于同一个类对象的页面不多,往往不同块对象的交互就可以解决问题了,这就需要在JS针对元素定义几个静态类就可以完事了,进入正题。 这次我们直接看例子:

/***定义静态类***/
var Core = {};
Core.StaticClass = (function(){
    var Return = {
        Property: "Test Static Property",    //公有属性
        Method: function(){    //公有方法
            alert(_Field);    //调用私用字段
            privateMethod();    //调用私用方法
        }
    };    //定义返回的公有对象

    var _Field = "Test Static Field";    //私有字段
    var privateMethod = function(){    //私有方法
        alert(Return.Property);    //调用属性
    }

    return Return;    //生成公有静态元素
})();

这次,我用的是闭包的方式去实现,其中最重要的一点是reutrn Return; 这里会引伸到值类型与引用类型的概念。在js里,Object就是一个引用类型,在闭包里,我会抛出一个包含有属性与方法的Object的引用,这样,也可以说是把这个Object抛向了外部,实现了公开。StaticClass这个变量接住了Return引用。 对于闭包内部的私有字段与方法都是没有被抛出的,这样就可以形成一个私有的环境。 很多时候我们都会用这种技巧去对JS进行分块,让程序不会那么的混乱。

上面的例子没这么干过的兄弟们也可以自己去试试。忘了,刚刚那个例子大家可以这么样去试试。

Core.StaticClass.Method();
Core.StaticClass.Property = “Test2″;
Core.StaticClass.Method();

标签:javascript,静态类,OOD

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. xiaoxiao 发表 2013-06-15 13:29:23 ruby js 文件能带汉字吗
  2. 微風 发表 2016-05-19 00:36:41 JavaScript 中设置与读取 Cookie
  3. 博主 发表 2012-01-05 16:31:50 Javascript 闭包
  4. guotie 发表 2016-05-24 15:54:54 express: req.body is undefined
  5. 飞尘 发表 2013-07-03 13:01:23 删除ckeditor中图片
  6. linux@linux.cn (linu 发表 2016-05-29 13:05:04 ALM:TypeScript / JavaScript 的下一代 IDE
  7. 铁骑 发表 2011-07-19 15:48:32 揭秘javascript:四种函数调用方式
  8. otakustay 发表 2016-06-05 06:02:00 强迫症的模块化
  9. 博主 发表 2013-07-01 00:00:00 JS判断移动端访问设备并解析对应CSS
  10. snoopyxdy 发表 2016-06-09 05:24:41 node.js异步模版ariestp
  11. 设计 达人 发表 2013-07-22 07:54:48 CSS3创作有意思的旋转LOGO
  12. 刘莉莉 发表 2016-06-19 15:46:56 React + Redux 入门(一):抛开 React 学 Redux

发表评论