使用javascript中的面向对象特性-控件新闻-慧都网

产品

产品
资讯
资源
视频
学院
示例

首页 > 资讯 > 使用javascript中的面向对象特性

使用javascript中的面向对象特性

原创|其它|编辑：郝浩|2010-01-15 09:56:07.000|阅读 616 次

概述：通过上面的例子可以看出，面向对象的思想在javascript的已经广泛应用，上面的例子虽然简单，但是还是体现了面向对象的思想。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

一、定义两个类：

Rectangle和Animal
     Type.registerNamespace("Df");//注册命名空间：Df
    Df.Rectangle=function(width,height)//定义Rextangle类，此为构造函数,以下划线开始的是私有成员
    {
    this._width=width;
    this._height
    }
    Df.Rectangle.registerClass("Df.Rectangle")//注册类

    Df.Animal=function(name)//定义类Animal;
    {
    this._name=name;
    }
    Df.Animal.prototype=//添加方法
    {
    get_name:function()
    {
    return this._name;
    },
    set_name:function(name)
    {
    this._name=name;
    },
    eat:function()
    {
    Sys.Debug.trace('animal eats.');
    }
    }
    Df.Animal.registerClass("Df.Animal")//注册类

二、客户端调用

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" >
        <Scripts >
       <asp:ScriptReference Path="JScript.js" />
        </Scripts>
        </asp:ScriptManager>
        <div>
        </div>
        <script language="javascript" type="text/javascript" >
        var a=new Df.Rectangle(200,300);
       var name=Object.getTypeName(a);
    Sys.Debug.trace(name);
    var type=Object.getType(a);
    alert(type);
     alert(name);
     var b=new Df.Animal('car');
     alert(b);

        </script>
    </form>
</body>
</html>