Atlas与面向对象的Javascript - 深圳杰瑞

英文链接： http://atlas.asp.net/docs/atlas/doc/javascript/default.aspx

按我的理解，面向对象基本的特性无非六个字：封装、继承和多态。研究了Atlas的文档之后，发现它的Javascript脚本库把这几个特性都实现了。Ok, Let go......

先看看封装

Atlas提供了命名空间Namespace的功能来隔离命名冲突，而且在类中可以定义私有变量，达到的封装的目的。可惜的是类的方法好像只能是公共的。

以下是示例代码（所有的示例代码来自于原文链接）

Type.registerNamespace("Demo");

Demo.Person = function(firstName, lastName, emailAddress) {
    var _firstName = firstName;
    var _lastName = lastName;
    var _emailAddress = emailAddress;
    
    this.getFirstName = function() {
        return _firstName;
    }
    
    this.getLastName = function() {
        return _lastName;
    }
    
    this.getEmailAddress = function() {
        return _emailAddress;
    }
    
    this.setEmailAddress = function(emailAddress) {
        _emailAddress = emailAddress;
    }
    
    this.getName = function() {
        return _firstName + \' \' + _lastName;
    }

    this.dispose = function() {
        alert(\'bye \' + this.getName());
    }
}
Demo.Person.registerClass(\'Demo.Person\', null, Sys.IDisposable);

定义了以上的Demo.Person类之后，就可以在页面中的Javascript代码中按OO的方法使用了。

        var testPerson = new Demo.Person(\'John\', \'Smith\', \'john.smith@example.com\');
        alert(testPerson.getFirstName() + " " + testPerson.getLastName() );

然后来看看继承

Demo.Person.prototype.sendMail = function() {
    var emailAddress = this.getEmailAddress();

    if (emailAddress.indexOf(\'@\') < 0) {
        emailAddress = emailAddress + \'@example.com\';
    }
    alert(\'Sending mail to \' + emailAddress + \' \');
}

Demo.Person.prototype.toString = function() {
    return this.getName() + \' (\' + this.getEmailAddress() + \')\';
}

Demo.Employee = function(firstName, lastName, emailAddress, team, title) {
    Demo.Employee.initializeBase(this, [firstName, lastName, emailAddress]);
    
    var _team = team;
    var _title = title;
    
    this.getTeam = function() {
        return _team;
    }
    this.setTeam = function(team) {
        _team = team;
    }
    
    this.getTitle = function() {
        return _title;
    }
    this.setTitle = function(title) {
        _title = title;
    }
}
Demo.Employee.registerClass(\'Demo.Employee\', Demo.Person);

Demo.Employee.prototype.toString = function() {
    return Demo.Employee.callBaseMethod(this, \'toString\') + \'\r\n\' + this.getTitle() + \'\r\n\' + this.getTeam();
}

简单地说，就是用prototype定义虚函数。使用registerCalss定义基类，构造函数调用initializeBase

最后，我们来看看多态

其实上面的代码toString函数已经实现了继承的多态。我们再来看看接口实现的多态：

Type.registerNamespace("Demo.Animals");

Demo.Animals.IPet = function() {
    this.returnFriendlyName = Function.abstractMethod;
}
Demo.Animals.IPet.registerInterface(\'Demo.Animals.IPet\');


Demo.Animals.Animal = function(name) {
    var _name = name;
    
    this.returnName = function() {
        return _name;
    }
}
Demo.Animals.Animal.registerAbstractClass(\'Demo.Animals.Animal\');

Demo.Animals.Animal.prototype.toStringCustom = function() {
    return this.returnName();
}
Demo.Animals.Animal.prototype.speak = Function.abstractMethod;


Demo.Animals.Pet = function(name, friendlyName) {
    Demo.Animals.Pet.initializeBase(this, [name]);
    
    var _friendlyName = friendlyName;
    this.returnFriendlyName = function() {
        return _friendlyName;
    }
}
Demo.Animals.Pet.registerAbstractClass(\'Demo.Animals.Pet\', Demo.Animals.Animal, Demo.Animals.IPet);


Demo.Animals.Cat = function(friendlyName) {
    Demo.Animals.Cat.initializeBase(this, [\'Cat\', friendlyName]);
}
Demo.Animals.Cat.registerClass(\'Demo.Animals.Cat\', Demo.Animals.Pet);

Demo.Animals.Cat.prototype.speak = function() {
    alert(\'meow\');
}

Demo.Animals.Cat.prototype.toStringCustom = function() {
    return \'Pet \' + Demo.Animals.Cat.callBaseMethod(this, \'toStringCustom\');
}

Demo.Animals.Felix = function() {
    Demo.Animals.Felix.initializeBase(this, [\'Felix\']);
}
Demo.Animals.Felix.registerClass(\'Demo.Animals.Felix\', Demo.Animals.Cat);

Demo.Animals.Felix.prototype.toStringCustom = function() {
    return Demo.Animals.Felix.callBaseMethod(this, \'toStringCustom\') + \'  its Felix!\';
}


Demo.Animals.Dog = function(friendlyName) {
    Demo.Animals.Dog.initializeBase(this, [\'Dog\', friendlyName]);
}
Demo.Animals.Dog.registerClass(\'Demo.Animals.Dog\', Demo.Animals.Pet);

Demo.Animals.Dog.prototype.speak = function() {
    alert(\'woof\');
}


Demo.Animals.Tiger = function() {
    Demo.Animals.Tiger.initializeBase(this, [\'Tiger\']);
}
Demo.Animals.Tiger.registerClass(\'Demo.Animals.Tiger\', Demo.Animals.Animal);

Demo.Animals.Tiger.prototype.speak = function() {
    alert(\'grrr\');
}

首先，用registerInterface定义一个接口

然后，在registerClass的时候，第三个参数指定类实现了哪个接口

Atlas还支持抽象类的定义(registerAbstractClass)

确实算是比较完备了。

看到这里，还是比较兴奋。Javascript终于也可以以OOP的方式来编写了，其扩展的潜力不可低估啊。