📄 webform1.aspx

📁 javascript 面向对象编程实践利用javascript 进行oop （面向对象编程）
💻 ASPX
字号:
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="JsOOPDemo.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</head>
<script language="JavaScript" type="text/javascript">
/*
//	Figure 5
function MyClass()
{
    this.myData = 5; 
    this.myString = "Hello World";
}

var myClassObj1 = new MyClass();
var myClassObj2 = new MyClass();
myClassObj1.myData = 10;
myClassObj1.myString = "Obj1:  Hello World";
myClassObj2.myData = 20;
myClassObj2.myString = "Obj2:  Hello World"; 
alert( myClassObj1.myData );    // displays: 10
alert( myClassObj1.myString );  // displays: "Obj1:  Hello World"
alert( myClassObj2.myData );    // displays: 20
alert( myClassObj2.myString );  // displays: "Obj2:  Hello World"
*/

/*
//	Figure 6
function MyClass()
{
    this.myData = 5;
    this.myString = "Hello World";
    this.ShowData = DisplayData;
    this.ShowString = DisplayString;
}

function DisplayData()
{
    alert( this.myData );
}

function DisplayString()
{
    alert( this.myString ); 
}

var myClassObj1 = new MyClass();
var myClassObj2 = new MyClass();
myClassObj1.myData = 10;
myClassObj1.myString = "Obj1:  Hello World";
myClassObj2.myData = 20;
myClassObj2.myString = "Obj2:  Hello World";
myClassObj1.ShowData();		// displays: 10
myClassObj1.ShowString();	// displays: "Obj1:  Hello World"
myClassObj2.ShowData();		// displays: 20
myClassObj2.ShowString();	// displays: "Obj2:  Hello World"
*/

//	Figure 7
function MyClass()
{
    var m_data = 5;
    var m_text = "Hello World";
    this.SetData = SetData;
    this.SetText = SetText;
    this.ShowData = DisplayData;
    this.ShowText = DisplayText; 

    function DisplayData()
    {
        alert( m_data );
    }

    function DisplayText()
    {
        alert( m_text );
		return;
    }

    function SetData( myVal ) 
    {
        m_data = myVal;
    }

    function SetText( myText ) 
    {
		m_text = myText;
    }
}

var myClassObj1 = new MyClass();
var myClassObj2 = new MyClass();
myClassObj1.SetData( 10 );
myClassObj1.SetText( "Obj1:  Hello World" );
myClassObj2.SetData( 20 );
myClassObj2.SetText( "Obj2:  Hello World" );
myClassObj1.ShowData();    // displays: 10
myClassObj1.ShowText();    // displays: "Obj1:  Hello World"
myClassObj2.ShowData();    // displays: 20
myClassObj2.ShowText();    // displays: "Obj2:  Hello World"


/////////////////////////////////////////////////////////////////////////////

Shape.prototype.GetArea = Shape_GetArea;
Shape.prototype.GetParameter = Shape_GetParameter;
Shape.prototype.Draw = Shape_Draw;

function Shape()
{
}

function Shape_GetArea()
{
	return this.area;
}

function Shape_GetParameter()
{
	return this.parameter;
}

function Shape_Draw()
{
	alert( "Draw generic shape" );
}

Circle.prototype = new Shape();
Circle.prototype.constructor = Circle;
Circle.prototype.baseClass = Shape.prototype.constructor;
Circle.prototype.Draw = Circle_Draw;

function Circle( r ) 
{
	this.area = Math.PI * r * r;
	this.parameter = 2 * Math.PI * r;
}

function Circle_Draw()
{
	alert( "Drawing circle" );
}

Rectangle.prototype = new Shape();
Rectangle.prototype.constructor = Rectangle;

function Rectangle( x, y ) 
{
	this.area = x * y;
	this.parameter = 2 * x + 2 * y;
}

Rectangle.prototype = new Shape();
Rectangle.prototype.constructor = Rectangle;
Rectangle.prototype.baseClass = Shape.prototype.constructor;
Rectangle.prototype.Draw = Rectangle_Draw;

function Rectangle( x, y ) 
{
	this.area = x * y;
	this.parameter = 2 * x + 2 * y;
}

function Rectangle_Draw()
{
	alert( "Drawing rectangle" );
}

var circle = new Circle( 10 );
var rectangle = new Rectangle( 10, 20 );

alert( "Circle base class = " + circle.baseClass );
document.writeln( "Circle base class = " + circle.baseClass  + "<br />" );
alert( "Circle area = " + circle.GetArea() );
document.writeln( "Circle area = " + circle.GetArea() + "<br />" );

alert( "Circle parameter = " + circle.GetParameter() );
document.writeln( "Circle parameter = " + circle.GetParameter() + "<br />" );
circle.Draw();

alert( "Rectangle base class = " + rectangle.baseClass );
document.writeln( "Rectangle base class = " + rectangle.baseClass + "<br />" );
alert( "Rectangle area = " + rectangle.GetArea() );
document.writeln( "Rectangle area = " + rectangle.GetArea() + "<br />" );
alert( " Rectangle parameter = " + rectangle.GetParameter() );
document.writeln( " Rectangle parameter = " + rectangle.GetParameter() + "<br />" );
rectangle.Draw();
</script>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
</form>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -