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


 本文示例源代码或素材下载

  主要内容

  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', 'john.smith@example.com');
  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>

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

  单击按钮后:

本文作者:



相关阅读:
向进程发送信号:kill、killall和top
MySQL 有输入输出参数的存储过程实例
如何对PHP程序中的常见漏洞进行攻击
JavaScript面向对象------继承
说明PHP开发网站程序的优点
HTML5 语义化结构化规范化
HTML5 MiranaVideo播放器 (代码开源)
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Linux系统实现SCSI硬盘热插拔及在线识别步骤
为什么用Ghost备份的Windows XP找不到
WordPress显示当前文章同分类下的文章列表
WIN2003服务器安全配置终极技巧图(上)
Ajax+Asp源代码]读取数据库内容的表格(没有用框架)
CSS教程:复合型条状图表
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4