javascript类模版 自力更生

javascript对于新手或者其他语言爱好者来说，是一个很难从写法上面去理解的，于是突发奇想，写一个javascript类模版，大概模样如下:

Package("cn.test");//申明当前命名空间Import("com.data");//导入包Class({classname:"Test",//类名properties:{$name:"jake",//$开头代表私有属性$h:new HashMap()},construct:function(){//构造方法this.id = 0;this.name="jake c";this.h=new HashMap();},methods:{//方法列表getName:function(){return this.name;},setName:function(v){if(typeof v == "undefined")return ;this.name=v;},setH:function(){return;}}});Package.finish();//当前包结束Import("cn.test");//导入刚刚定义的类var t = new Test();Logger.get("view").info(t);//日志输出t对象Logger.get("view").info("before set " + t.getName());var t1 = new Test();//创建第二个对象t.setName("jake1");Logger.get("view").info("after set " +  t.getName());Logger.get("view").info("t1.name " + t1.getName());Logger.get("view").info("t.name " + t1.name);//私有属性无法访问 undefinedLogger.get("view").info(t1.getH());

 目前支持包(命名空间,引用的是Module.js)，私有属性，对象类型属性的实例化，构造方法，继承，接口，静态方法等，感兴趣的同学可以下载看看。目前只是做了一个大概，还有一些功能未实现，希望大家可以给点意见，呵呵

    其实主要意图还是注重在统一的写法，模式上面，形成一个大项目所具备的一些条理，层次等，从基层写起。

    (第一次写博客，见笑了，呵呵)

1.日志

在调试的过程中，我们经常需要看到输出结果，之前喜欢用alert，这是个很苦逼的方法，每次都有点确定，关掉之后才能继续运行下一步，所以采用log形式会方便一些。代码采用的是Log4Jse.js，这个工具很方便调用，而且兼容各大浏览器

Logger.get("view").info("(" + e.x + "," + e.y + ")");

 

2.加载完所以元素之后初始化类

由于javascript是动态加载的，html和script加载的先后顺序不一样，在javascript里面经常需要引用到html的DOM元素，如果采用面向对象可能需要在类的属性里面引用一个DOM，如

var Scence = function(){this.x = 0,this.y = 0,this.width = 600,this.height = 400,this.canvas = document.getElementById("canvas1");//需要引用的DOM元素this.ctx = this.canvas.getContext("2d");this.components = new HashSet();};Scence.prototype.draw = function(){for ( var it = this.generalviewers.iterator(); it.hasNext();) {var obj = it.next();obj.getValue().draw();}}

 从代码可以看出需要用DOM元素作为Scence类(我们称之为类) 的属性，所以需要在html加载完成之后进行初始化实例。想到Jquery有个$(document).ready();，从中拿了一下代码过来，实现自定义的类可以在加载完html之后，再进行初始化。Class()就相当于$(document).ready(Class(...))

3.关键字

为了避免和javascript内部关键字冲突，于是另外加了自己的关键字

var KEYWORDS_ = [ "classname", "construct", "hashCode", "properties","methods", "implement", "extend", "statics", "borrows", "constructor","superclass", "super", "proto_properties", "clone", "Package", "Import" ];

 KEYWORDS_里面的每一个单词代表这个模版设计的关键字，有些是类的定义用的如"classname", "construct", "properties","methods", "implement", "extend", "statics", "borrows", "constructor", "Package", "Import"

而"hashCode"作为每个对象的唯一标识，在在面向对象语言里面比较两个对象是否相等通过比较hashcode来判定，

用类模版定义类的对象都自动赋予hashCode方法(采用闭包实现),从而确定唯一性 。

"proto_properties"并没有在外部用到，内部用到的一个最为初始化对象类型属性初始的值的备份列表，每个对象在初始化的时候都需要从里面获取对象的属性值，并且克隆(clone)一份,赋予新的对象。

                              // 初始化对象属性for (p in classProxy["proto_properties"]) {if (!CheckForKeyWords(p)) {var cp = $.clone(classProxy["proto_properties"][p]);this[p] = cp;}}

 

(未完待续)