原文：http://www.webreference.com/programming/javascript/rg39/ 作者：Rob Gravelle
版权声明：翻译作品，欢迎转载，转载时请务必以超链接形式标明文章原始出处 、作者信息和本声明。
在Javascript服务器端编程介绍一文中，我们学习了Aptana Jaxer服务器，它是一个像Apache、Jetty或者Tomcat这些服务器的一个插件。基于Mozilla Gecko内核，Jaxer的服务器端JS接口提供了数据库/文件系统的访问，网络通信、用户会话，和其他的Web应用语言具有代表性的功能。今天，我们就要使用Aptana Studio IDE来为Jaxer搭建一个简单的基于文件的博客。
熟悉Aptana Studio IDE
我们将要使用的Aptana Studio是一个免费、开源、基于Eclipse的软件。如果你从未使用过Eclipse，你将会注意到它和其他流行的IDE是多么的相似。最基本的Aptana Studio支持HTML、DOM、JS和CSS，但是你可以通过附加的插件来进一步定制它，以支持PHP、Ruby on Rails、Python、Adobe AIR、Apple iPhone和Nokia S60的开发。Aptana Studio还有一个Eclipse的插件版本，提供了附件的Java支持。专业版增加了SFTP、FTPS安全文件传输、JSON的编辑器、IE浏览器的调试器、报告引擎、Ruby性能优化器、远程项� ......
<html>
<head>
<script type="text/javascript">
function tree(treethis){
if (treethis.alt == "+"){
treethis.alt = "-";
document.getElementById("bench").style.display="block";
}else
{
treethis.alt = "+";
document.getElementById("bench").style.display="none";
}
}
</script>
</head>
<body>
<a href="javascript:void(0)" style ="text-decoration:none;color:red" onclick="tree(this);" alt="+">aaaa</a>
<span id="bench" style="display:none;margin-left:19px;">
<?php
$tree_bentch = array("aaa","bbb","ccc");
for ($i=0;$i<count($tree_bentch); ......
5、用 构造函数+原型 定义一个类；同一构造函数可以定义出多个类型
/**
* $define 写类工具函数之二
* @param {Object} constructor
* @param {Object} prototype
*/
function $define(constructor,prototype) {
var c = constructor || function(){};
var p = prototype || {};
return function() {
for(var atr in p)
arguments.callee.prototype[atr] = p[atr];
c.apply(this,arguments);
}
}
与第四种方式类似，仍然用构造函数，原型对象，定义两个类。
//构造函数
function Person(name) {
this.name = name;
}
//原型对象
var proto = {
getName : function(){return this.name},
setName : function(name){this.name = name;}
}
//定义两个类
var Man = $define(Person,proto);
var Woman = $define(Person,proto);
console.log(Man == Woman);//false,同一个构造函数（Person）定义不同的类
......
这篇开始会分析流行的js库之写类方式。各种库的写类方式虽然千奇百怪，但仍然逃离不了本质---用构造函数和原型
来组装类。
6、Prototype.js的写类方式
//prototype.js中的代码
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
//简化后的
function Clazz() {
return function(){
this.initialize.apply(this,arguments);
}
}
如下步骤写一个类，
//类名Person
var Person = Class.create();
//通过原型重写来定义Person
Person.prototype = {
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
//创建对象
var p = new Person("jack");
console.log(p.constructor == Person);//false
initialize完成对象的初始化（相当于构造函数），方法依次往下写即可。
有个问题，通过这句p.constructor ==
Person为false可以看到，这正是Prototype.js一个小小的缺陷。原因是重写了Person的原型。为了使constructor能指
向正确的构 ......
7、dojo.js的写类方式
dojo最新是1.3.1了，记得07年时还是0.4。文档也渐渐多了起来，用dojo的也慢慢多了。dojo还发布了core版，压缩后只有
27kb。dojo中用dojo.declare方法来定义一个类。dojo.declare的源码就不贴在这里了。dojo.declare有三个参
数，
参数1：类名className
参数2：继承的类superclass
参数3：构造器，方法props
单纯的定义一个类实际只需传第一，三两个参数。因为这里只讨论如何定义一个类，不讨论继承。代码如下：
//定义类名
var className = "Person";
//定义构造器及方法
var proto = {
constructor : function(name){this.name=name;},
getName : function(){ return this.name;},
setName : function(name){ this.name = name;}
}
//定义类Person
dojo.declare(className,null,proto);
//创建一个对象
var p = new Person("tom");
console.log(p.getName());//tom
p.setName("jack");
console.log(p.getName());//jack
//测试instanceof及p.constructor是否正确指向了Person
console.log(p instanceof Person);//true
console.log(p.constructor === Person);//true
......
8、Ext.js的写类方式
这里用的是Ext core3.0，Ext中用Ext.extend来定义一个类（当然它更多用来扩展一个类），Ext整个框架各种控件如Panel，MessageBox等都是用Ext.extend方法来扩展。这里仅仅用它来定义一个最简单的类。
看Ext.extend的代码可得知，它仍然是用构造函数和原型来组装一个类。
这里只需传两个参数即可，第一个参数是根类Object，第二个是原型。
/**
* Person类
* @param {Object} name
*/
var Person = Ext.extend(Object,{
constructor : function(name) {this.name = name;},
setName : function(name) {this.name = name;},
getName : function() {return this.name;}
});
//创建一个对象
var p = new Person("Lily");
console.log(p.getName());//Lily
p.setName("Andy");
console.log(p.getName());//Andy
//测试instanceof及p.constructor是否正确指向了Person
console.log(p instanceof Person);//true
console.log(p.constructor == Person);//true
比较特殊的是，如果单纯的定义一个类，那么第一个参数永远传Object即可。 ......
最新文章 : javascript