MicrosoftAJAX实现Javascript面向对象之接口详解

时间:2012-12-29 08:41来源:未知作者:admin 点击: 次

分享到：

本文章介绍了关于MicrosoftAJAX实现Javascript面向对象之接口详解，有需要学习的朋友可以参考一下。接口接口用于定义实现它的类的输入和输出要求。这样，函数可以和实现同一接口的类

本文章介绍了关于MicrosoftAJAX实现Javascript面向对象之接口详解，有需要学习的朋友可以参考一下。

接口
接口用于定义实现它的类的输入和输出要求。这样，函数可以和实现同一接口的类进行交互，而不用考虑该类还实现哪些其他功能。

Microsoft AJAX Library Type 方法支持接口。调用 registerClass 方法时，通过在 interfaceTypes 参数中指定一个已注册的接口，可以实现一个接口。

实现接口
使用 Type类的registerInterface 方法可注册构造函数所定义的接口。

代码如下
var interfaceVar = typeInstanceVar.registerInterface(typeName)

通过 Type类的registerClass 方法，可以按照构造函数的定义，使用可选基类和接口类型注册一个类。 registerClass 方法的调用在定义类之后、实例化类之前进行。 registerClass 方法是从类直接调用的。

代码如下
classInstanceVar.registerClass(typeName, baseType, interfaceTypes)

Type 类的方法支持实现接口。在注册类时，通过在 registerInterface 方法的 interfaceTypes 参数中指定已注册接口来实现接口。

接口不应实现任何成员，因为实现该接口的任何类必须覆盖这些成员

下面的示例演示如何创建实现接口的派生类。代码通过在 baseType 参数中指定的基类以及在 interfaceTypes 参数中指定的接口来调用 registerClass 方法。通过从派生类的构造函数中调用 initializeBase，在给定实例的上下文中初始化基类。然后，调用 implementsInterface 方法以确定类实例的接口。

代码如下

// Register classes to test.
Type.registerNamespace('Samples');

Samples.A = function() {

}
// Register Samples.A Class
Samples.A.registerClass('Samples.A');

Samples.B = function() {

}
// Register Samples.B Class
Samples.B.registerClass('Samples.B');

Samples.C = function() {
// Initialize the base.
Samples.C.initializeBase(this);

}
// Register Samples.C Class as derviving from Samples A and implementing Samples.B
Samples.C.registerClass('Samples.C', Samples.A, Samples.B);

var isDerived;
isDerived = Samples.B.inheritsFrom(Samples.A);

// Output: "false".
alert(isDerived);
isDerived = Samples.C.inheritsFrom(Samples.A);
// Output: "true".
alert(isDerived);

var implementsInterface
implementsInterface = Samples.C.implementsInterface(Samples.B);

// Output: "true".
alert(implementsInterface);

要点
接口

与类的定义方法大致相同
构造函数抛出异常
所有的方法抛出异常（只有方法签名，不提供实现）
注册接口时使用registerInterface方法
接口无法继承其他接口

接口定义

代码如下
MyNamespace.IMyInterface=function(){throw Error.notImplemented()} MyNamespace.IMyInterface.prototype={myMethod:function(){throw Error.notImplemented()}} MyNamespace.IMyInterface.registerInterface(“MyNamespace.IMyInterface”);

接口实现

在使用registerClass方法注册类时候可以传入额外的参数来实现接口

代码如下
MyNamespace.MyClass.registerClass("MyNamespace.MyClass",null,IMyInterface1,IMyInterface1,…);

示例

代码如下

<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <script src="http://www.cnblogs.com/libs/MicrosoftAjax/MicrosoftAjax.js" type="text/javascript"></script>
        <script type="text/javascript">
            Type.registerNamespace("jweaving.tutorials");

            jweaving.tutorials.TextBlock = function(name, text) {
                this._name = name;
                this._text = text;
                this._color = "#000000";
                this._style = "normal";
            };

            jweaving.tutorials.TextBlock.prototype = {
                getName : function() {
                    return this._name
                },
                getText : function() {
                    return this._text
                },
                getColor : function() {
                    return this._color
                },
                setColor : function(color) {
                    this._color = color
                },
                getStyle : function() {
                    return this._style
                },
                setStyle : function(style) {
                    this._style = style
                },
                write : function() {
                    if(this._style == "bold") {
                        document.write(String.format('<div><b name="{0}" style="color:{1};" >{2}</b></div>', this._name, this._color, this._text));
                    } else if(this._style == "italic") {
                        document.write(String.format('<div><i name="{0}" style="color:{1};" >{2}</i></div>', this._name, this._color, this._text));
                    } else if(this._style == "underline") {
                        document.write(String.format('<div><u name="{0}" style="color:{1};" >{2}</u></div>', this._name, this._color, this._text));
                    } else {
                        document.write(String.format('<div name="{0}" style="color:{1};" >{2}</div>', this._name, this._color, this._text));
                    }
                }
            }

jweaving.tutorials.TextBlock.registerClass('jweaving.tutorials.TextBlock');

            jweaving.tutorials.Button = function(name, text) {
                this._name = name;
                this._text = text;
            };

            jweaving.tutorials.Button.prototype = {
                getName : function() {
                    return this._name
                },
                getText : function() {
                    return this._text
                },
                toString : function() {
                    return 'name:' + this._name + ',' + 'text:' + this._text;
                }
            }

jweaving.tutorials.Button.registerClass('jweaving.tutorials.Button');

jweaving.tutorials.IAction = function() {
}

            jweaving.tutorials.IAction.Prototype = {
                show : function() {
                },
                execute : function(textBlock) {
                }
            }

jweaving.tutorials.IAction.registerInterface('jweaving.tutorials.IAction');

jweaving.tutorials.StyleButton = function(name, text, style) {
jweaving.tutorials.StyleButton.initializeBase(this, [name, text]);

this._style = style;
}

            jweaving.tutorials.StyleButton.prototype = {
                getStyle : function() {
                    return this._style
                },
                setStyle : function(style) {
                    this._style = style;
                },
                toString : function() {
                    return jweaving.tutorials.StyleButton.callBaseMethod(this, 'toString') + ',' + 'style:' + this._style;
                },
                show : function() {
                    alert('样式' + this._style);
                },
                execute : function(textBlock) {
                    textBlock.setStyle(this._style);
                }
            }

jweaving.tutorials.StyleButton.registerClass('jweaving.tutorials.StyleButton', jweaving.tutorials.Button, jweaving.tutorials.IAction);

jweaving.tutorials.ColorButton = function(name, text, style, color) {
jweaving.tutorials.ColorButton.initializeBase(this, [name, text, style]);

this._color = color;
}

            jweaving.tutorials.ColorButton.prototype = {
                getColor : function() {
                    return this._color
                },
                setColor : function(color) {
                    this._color = color;
                },
                toString : function() {
                    return jweaving.tutorials.ColorButton.callBaseMethod(this, 'toString') + ',' + 'color:' + this._color;
                },
                show : function() {
                    alert('颜色' + this._color);
                },
                execute : function(textBlock) {
                    jweaving.tutorials.ColorButton.callBaseMethod(this, 'execute', [textBlock]);
                    textBlock.setColor(this._color);
                }
            }

jweaving.tutorials.ColorButton.registerClass('jweaving.tutorials.ColorButton', jweaving.tutorials.StyleButton);

        </script>
    </head>
    <body>
        <script type="text/javascript">
            var button1 = new jweaving.tutorials.Button('button1', '普通按钮');
            alert(button1.getText());
            alert(button1);
            alert(Object.getType(button1).getName());
            processButton(button1);

            var button2 = new jweaving.tutorials.StyleButton('button2', '样式按钮', 'bold');
            alert(button2.getText());
            alert(button2);
            alert(Object.getType(button2).getName());
            if(jweaving.tutorials.Button.isInstanceOfType(button2)) {
                alert(button2.getName() + ' is a Button instance.rnText property: ' + button2.getText());
            }
            if(jweaving.tutorials.IAction.isImplementedBy(button2)) {
                alert(button2.getName() + ' implements IAction.rnText property: ' + button2.getText());
            }
            processButton(button2);

            var button3 = new jweaving.tutorials.ColorButton('button3', '颜色按钮', 'bold', 'Red');
            alert(button3.getText());
            alert(button3);
            alert(Object.getType(button3).getName());
            if(jweaving.tutorials.Button.isInstanceOfType(button3)) {
                alert(button3.getName() + ' is a Button instance.rnText property: ' + button3.getText());
            }
            if(jweaving.tutorials.IAction.isImplementedBy(button3)) {
                alert(button3.getName() + ' implements IAction.rnText property: ' + button3.getText());
            }
            processButton(button3);

var textBlock1 = new jweaving.tutorials.TextBlock('textBlock1', 'Hello World!');

textBlock1.write();

button2.execute(textBlock1);
textBlock1.write();

button3.execute(textBlock1);
textBlock1.write();

            function processButton(button) {
                alert('Current Button ' + button.getName());
                if(jweaving.tutorials.IAction.isImplementedBy(button)) {
                    button.show();
                }
            }
        </script>
    </body>
</html>

上一篇：javascript简单正则js指定部份参数值函数
下一篇：javascipt中的作用域与变量

分享到： QQ空间新浪微博人人网开心网更多

精彩图集

node+express+

js点亮星星评

鼠标滑过出

查找Oracle高

PHP开发者必

精彩文章

热点文章

MicrosoftAJAX实现Javascript面向对象之接口详解

热门标签

赞助商链接