返回顶部

收藏

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. Zida 发表 2015-03-24 15:23:43 Leetcode 编程训练[2]:Add Two Numbers
  2. Leton 发表 2013-06-04 06:10:54 简化Javascript的异步编码
  3. 博主 发表 2014-01-10 02:40:00 obtrusive js v.s. unobtrusive js
  4. 博主 发表 2015-02-23 05:38:00 显示javascript 的异常堆栈( show javascript exception sta
  5. 博主 发表 2015-06-23 05:41:25 AngularJS动态路由
  6. TAT.simplehuang 发表 2015-06-30 09:26:32 Mongoose&KOA使用入门
  7. zak 发表 2015-06-22 02:42:51 《javascript性能优化》读书笔记
  8. 可乐加糖 发表 2015-06-19 01:39:17 国产统计图JavaScript插件
  9. Perchouli 发表 2015-06-10 09:33:32 Python,Javascript(NodeJS),PHP之间的AES加密解密
  10. CDog 发表 2015-07-11 06:22:12 Canvas初探——绘画与动画基础
  11. 博主 发表 2015-07-15 15:05:59 JS Tips
  12. 歪脖骇客 发表 2015-07-21 01:16:01 JavaScript里的文件上传API

发表评论