Atlas学习手记（29）：JavaScript面向对象的扩展（三）：接口Int

　本文示例源代码或素材下载

　　主要内容

　　1．概述

　　2．完整示例

　　一．概述

　　在Javascript中并没有空间、类、接口这些概念，Atlas对这些东西进行了封装，增强了JavaScript面向对象方面的能力，本文看一下如何使用接口，使用如下的方法：

　　registerInterface：注册一个接口

　　registerAbstractClass：注册抽象的基类

　　使用abstractMethod指定接口中的方法

　　二．完整示例

　　看一下Atlas官方网站提供的例子，新建Atlas Web Site，添加一个Inheritance.js的JS文件，其中定义了一个Animal基类和IPet接口，Dog和Cat分别去实现接口，而Tiger类没有实现：

// JScript File
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');
}

在ASPX页面中引入该JS文件：

<script type="text/javascript" src="Interface.js"></script>

　　编写脚本，做一些简单的测试：

<script type="text/javascript" language="JavaScript">
　　function OnTestNewClick() {
　　　　var cat = new Demo.Animals.Cat('Kitty');
　　　　alert(cat.returnName());
　　　　cat.speak();
　　　　return false;
　　}
　　function OnTestImplementsClick() {
　　　　var cat = new Demo.Animals.Cat('Kitty');
　　　　if (Demo.Animals.IPet.isImplementedBy(cat)) {
　　　　　　alert('Cat implements IPet');
　　　　}
　　　　else {
　　　　　　alert('Cat does not implement IPet');
　　　　}
　　　　var tiger = new Demo.Animals.Tiger();
　　　　if (Demo.Animals.IPet.isImplementedBy(tiger)) {
　　　　　　alert('Tiger implements IPet');
　　　　}
　　　　else {
　　　　　　alert('Tiger does not implement IPet');
　　　　}
　　　　return false;
　　}
　　function OnTestInterfaceMethodClick() {
　　　　var cat = new Demo.Animals.Cat('Kitty');
　　　　ProcessAnimal(cat);
　　　　var tiger = new Demo.Animals.Tiger();
　　　　ProcessAnimal(tiger);
　　　　var dog = new Demo.Animals.Dog('Joe');
　　　　ProcessAnimal(dog);
　　　　var g = new Demo.Animals.Felix();
　　　　ProcessAnimal(g);
　　　　return false;
　　}
　　function ProcessAnimal(animal) {
　　　　alert('Current animal ' + animal.returnName());
　　　　alert(animal.toStringCustom());
　　　　if (Demo.Animals.IPet.isImplementedBy(animal)) {
　　　　　　alert(animal.returnName() + ' implements IPet; friendlyName: ' + animal.returnFriendlyName());
　　　　}
　　　　if (Demo.Animals.Felix.isInstanceOfType(animal)) {
　　　　　　alert('No ordinary cat its Felix!');
　　　　}
　　}
</script>

　　关于接口的介绍就到这里了