JSVM2使用

    JSVM (JavaScript Virtual Machine的缩写),一个JavaScript基础框架,sourceforge开源项目,由万常华(wch3116)于2003年底发起, 采用的是 BSD License 授权协议。
    JSVM并不是一个JavaScript Library,而是一个更底层的框架,基于这个框架,可以更好的实现JavaScript的模块化设计,以提高JavaScript代码的重用性。

1.加载JSVM 环境
   在web页面中加入代码:<script src="<jsvm2目录>/jsre.js"></script> 即可。
例如:
<script src="script/jsvm2/jsre.js" modules="smartloader" smartloaderurl="index.jsp"></script>


2.基于JSVM 的JavaScript开发
    JSVM2 的加载并不对web页面中原来的JavaScript环境产生任何破坏影响,而只是多了一些其它功能的支持。
     在JSVM2 下,JavaScript代码的基本模块单元是“对象”,“对象”的类型可以是一个Function或者是一个Object。
“对象”的命名方式:<包名> + "." + <类名>,且必须以一个单独的文件形式保存。
保存路径是:<jsvm2目录>/classes [/<包名> …] /<类名>.class.js。
例如:
定义公用代码:
/**
 * 调用jsvm2提供的$package函数定义包名
 * 作用相当于:if (!window.com.logcd) {window.com.logcd = {};}
 */
$package("com.logcd");

com.logcd.StringBuffer = StringBuffer;

function StringBuffer(){   
   this._strings_=new Array;   
}
   
/*
 * 把该参数附加到字符串数组中
 */   
StringBuffer.prototype.append = function (str){   
   this._strings_.push(str);   
}
   
/**
 * 返回真正连接成的字符串
 */   
StringBuffer.prototype.toString = function(){   
   return this._strings_.join("");   
}
   
/**
 * 清空
 */   
StringBuffer.prototype.removeAll = function(){   
   this._strings_.splice(0,this._strings_.length);//this._strings_.length=0   
}  



页面上调用:
function execute() {
   $import("com.logcd.StringBuffer");	
   
   var buffer = new StringBuffer();
   buffer.append("learn ");
   buffer.append("use ");
   buffer.append("JSVM2!");
   alert(buffer.toString());
}


3.JSVM JavaScript Archive
    在使用JSVM2一段时间之后,很快会发现JSVM的工作模式是按需动态加载代码的。于是出现一个矛盾:当我们为了满足设计上的合理粒度将代码分散到多个对应的class.js文件中,造成代码的加载动作次数过于多,从而影响到一定的整体性能。
为了解决这个矛盾,JSVM2 提供了一个集中批量加载代码的解决方案。可以通过JSVM2自身提供的工具,将所需的多个class.js文件打包在一个js文件中,然后配置到classpath的环境变量中即可。 当程序执行到需要这个“类”或者“对象”的时候,JSVM会从缓存中直接获得对应的代码,从来避免了进行多次的XMLHttpRequest交互。

说明:该工具需要 FileSystemObject 组件的支持!所以使用该工具的环境必须是 IE. 并且如果访问的不是本地文件而是通过HTTP访问的页面,必须对该url进行信任站点授权操作。

4.JSVM Module
    JSVM2 的核心模块在 bin/kernel.js 中实现,除此之外,我们还可以使用JSVM2自带的(或者第三方提供的)其它模块。
模块文件也必须以 .js 作为扩展名,放置在 <jsvm目录>/bin 目录下。
加载模块的方式:<script src="jsvm2/jsre.js" modules="模块名称1,模块名称2"></script>

5.扩展模块 SmartLoader
    SmartLoader 是 JSVM2 的一个扩展模块。它能帮助 JSVM 实现智能地加载当前页面所需的所有 js class 文件。 有了它的帮助,程序设计人员不必关心如何对js class文件进行打包,又如何在每一个页面中的JSVM classpath参数中具体配置哪些lib文件,便可以让页面实现最小的js class加载开销。 注意:SmartLoader 需要服务端的支持,例如:web服务环境中需要支持asp,jsp或者php,perl等等动态语言。 smartloader 的使用方法:在页面的 jsvm2 的环境配置参数 modules 中加入 smartloader 即可。 如:<script src="jsvm2/jsre.js" modules="smartloader"></script>

你可能感兴趣的:(JavaScript,设计模式,框架,prototype,IE)