在Javascript中并没有空间、类、接口这些概念,Atlas对这些东西实现封装了,增强了JavaScript面向对象方面的能力,本文看一下如何使用继承。 主要内容1.概述2.完整示例 一.概述在Javascript中并没有空间、类、接口这些概念,Atlas对这些东西实现封装了,增强了JavaScript面向对象方面的能力,本文看一下如何使用继承。简单定义一个可被继承的基类,在注册类时指
在Javascript中并没有空间、类、接口这些概念,Atlas对这些东西实现封装了,增强了JavaScript面向对象方面的能力,本文看一下如何使用继承。
主要内容
1.概述
2.完整示例
一.概述
在Javascript中并没有空间、类、接口这些概念,Atlas对这些东西实现封装了,增强了JavaScript面向对象方面的能力,本文看一下如何使用继承。简单定义一个可被继承的基类,在注册类时指定类名就可以了:
BaseClass = function()
{
// ……
}
BaseClass.registerClass("BaseClass");
定义一个继承类,先要调用父类的构造器,除了传递本身之外还可以传递一些参数,注册类时需要指定继承自哪个类:
DerivedClass = function()
{
DerivedClass.intializeBase(this,arguments);
}
DerivedClass.registerClass("DerivedClass","BaseClass");
二.完整示例
看一下Atlas官方网站提供的例子,新建Atlas Web Site,添加一个Inheritance.js的JS文件,定义Person 和Employee两个类 ,并且让Employee继承于Person,Employee覆写父类中的toString方法:
// JScript File
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.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();
}
在ASPX页面中引入该JS文件:
<script type="text/javascript" src='/images/loading.gif' data-original="Inheritance.js"></script>
编写一些客户端脚本来进行测试,代码如下所示,每个测试大家可以运行后看一下:
<script type="text/javascript" language="JavaScript">
function GetTestPerson()
function GetTestEmployee()
}
function OnTestNewClick()
{
var aPerson = GetTestPerson();
alert(aPerson.getFirstName());
alert(aPerson);
alert(Object.getType(aPerson).getName());
var testPerson = GetTestPerson();
alert(testPerson.getFirstName());
alert(testPerson);
return false;
function OnTestDisposeClick()
{
var aPerson = GetTestEmployee();
alert(aPerson.getFirstName());
aPerson.dispose();
function OnTestPrivatePropertyClick()
{
var aPerson = GetTestEmployee();
alert('aPerson._firstName = ' + aPerson._firstName);
alert('aPersona.getFirstName() = ' + aPerson.getFirstName());
return false;
function OnTestInstanceMethodClick()
{
var aPerson = GetTestEmployee();
aPerson.sendMail('Hello', 'This is a test mail.');
return false;
function OnTestOverrideMethodClick()
{
var testPerson = GetTestEmployee();
alert(testPerson);
return false;
function OnTestInstanceOfClick()
{
var aPerson = GetTestEmployee();
if (Demo.Employee.isInstanceOfType(aPerson))
{
alert(aPerson.getName() + ' is an Employee instance.\r\nTitle property: ' + aPerson.getTitle());
}
return false;
}
</script>
继承就简单的介绍这么多。
完整示例下载:http://files.cnblogs.com/Terrylee/AtlasInheritanceDemo.rar
原标题:Atlas学习手记(28):JavaScript面向对象的扩展(二):继承Inheritance
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。