点击这里给我发消息 点击这里给我发消息

Atlas学习手记(27):JavaScript面向对象的扩展(一):命名空

添加时间:2013-12-6
    相关阅读: ASP 页面 JavaScript
 

  主要内容

  1.概述

  2.完整示例

  一.概述

  在Javascript中并没有空间、类、接口这些概念,Atlas对这些东西进行了封装,增强了JavaScript面向对象方面的能力,本文看一下如何使用命名空间。在使用命名空间时有两个方法是需要我们注意的。

  registerNamespace:注册一个命名空间

  registerClass:注册一个类到某个命名空间中

  二.完整示例

  1.新建一个Atlas Web Site后,添加一个Namespace.js的文件,在这里我们注册一个Demo的命名空间,并创建Person类,把它注册到Demo命名空间中,如下所示:

// 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.getName = function() {
    return _firstName + ' ' + _lastName;
  }
  this.dispose = function() {
    alert('bye ' + this.getName());
  }
}
Demo.Person.registerClass('Demo.Person', null, Sys.IDisposable);

  2.在ASPX页面中添加ScriptManager,这个总是不能少的:

<atlas:ScriptManager runat="server" ID="scriptManager" />

  3.引入我们刚才创建的JS文件:

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

  4.现在就可以在前端脚本中调用了:

<script type="text/javascript" language="JavaScript">
function OnButton1Click()
{
  var testPerson = new Demo.Person('John', 'Smith', );
  alert(testPerson.getFirstName() + " " + testPerson.getLastName() );
  return false;
}
</script>

  5.添加一个Button,在它的单击事件中来调用:

<div>
    This example and puts the Person class in the "Demo" namespace.
    <br />
    <br />
    <input id="Button1" value="Create Demo.Person" type="button" onclick="return OnButton1Click()" />
</div>

  看看上面编写的代码,是不是很有面向对象的感觉呢?编译运行:

Atlas学习手记(27):JavaScript面向对象的扩展(一):命名空间Namespace

  单击按钮后:

Atlas学习手记(27):JavaScript面向对象的扩展(一):命名空间Namespace

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册