返回顶部

收藏

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. Airen 发表 2017-07-16 07:10:36 详解JavaScript构造器
  2. Jace 发表 2014-07-16 15:55:20 one-device-pixel border
  3. axiu 发表 2017-07-29 08:20:20 webpack使用require的一点注意事项
  4. ajaxj 发表 2014-07-23 00:51:13 javascript防止登录页面出现在frame中
  5. jackxiang <xdy108@12 发表 2017-08-13 11:39:28 [实践OK]一个JavaScript函数把URL参数解析成Json对象
  6. 潘魏增 发表 2007-06-18 20:54:00 去除html中的javascript代码和其他标签
  7. Dolanf 发表 2017-08-07 01:20:43 JavaScript创建对象—从es5到es6
  8. Freewind 发表 2011-09-12 17:21:59 CoffeeScript
  9. 阮一峰 发表 2017-10-07 02:12:54 《ES6 标准入门(第3版)》上市了!
  10. Freewind 发表 2012-05-12 16:48:24 JavaScript/NodeJs半月总结
  11. 可乐加糖 发表 2016-03-03 06:30:26 WebPack 傻瓜指南
  12. Freewind 发表 2013-01-01 08:29:24 09. 介绍

发表评论