亚洲天堂男人,国产成人精品午夜视频免费,另类视频一区二区三区

利用XMLHTTP实现ASP.NET无刷新提�?

曄�� — Wed, 27 Dec 2006 10:17:00 GMT

在一些页面处理中�Q�如果需要多�ơ进行后台提交处理的话，��׃��不停的刷新页面，很烦人，特别是机器配�|�不好或者网�l�状况不好的情况下，更加昑־�让�h隑֏��?/font>

�q�种情况下我们可以利用XMLHTTP来实��C��h��的提交，�q�在做asp的时候就有不��这��L��应用�Q�在asp.net里��用也是一��L��?/font>

首先�Q�新��Z��个页面，命名Send.aspx, 用来做需要提交的��面�Q�另一个页面do.aspx, 用来做处理提交的��面�?/font>

在Send.aspx��面中，有一个input输入框，作�ؓ我们需要提交到后台的数据，

另外写一个js的提交方法，代码如下�Q?/font>

function SendData(){
var xh = new ActiveXObject("MSXML2.XMLHTTP");
xh.open("POST","do.aspx?ID=1",false);
xh.send(document.all.txtUser.value);
alert(xh.responseText);//打印XMLHTTP的返回数据}�q�个js�Ҏ��非常��单，定义一个XMLHTTP对象�Q�然后就调用open�Ҏ��和send�Ҏ��Q�就可以�?
再在��面中用一个button来调用该�Ҏ��Q�发送到do.aspx�?/font>

在处理的��面do.aspx,在对应的cs文�gdo.aspx.cs中，�q�样来接收发送过�ȝ��数据�Q?/font>

int id = 0;
if(Request.Params["ID"] != null)
{
//接收从url中传递过来的参数
id = int.Parse(Request.Params["ID"]);}
//接收从xh.send()�Ҏ��中传递过来的数据
System.IO.Stream stream = Request.InputStream;
System.IO.BinaryReader br = new System.IO.BinaryReader(stream, System.Text.Encoding.Default);
int len = int.Parse(stream.Length.ToString());
byte[] b = br.ReadBytes(len);
//�q�里可以�Ҏ��传递过来的参数和数据进行各�U�处�?br />////�q�回�l�发送页面的数据�Q�通过Response.Write()来传�?br />//�q�里��发送过来的参数和数据返�?br />Response.Write(id + System.Text.Encoding.Default.GetString(b));
整个�q�程��p��样OK了�?br />注意�Q�在do.aspx文�g的html代码��面中，如果存在��M��的前��C��码，都会作�ؓsend()��h��的返回内容，一�q�返回到xh.responseText中�?/font>

另外�Q�可以用html��面来替代上面的Send.aspx�Q�按照相同的�Ҏ��Q�来实现静态页面的数据提交�?/font>

曄�� 2006-12-27 18:17 发表评论

�l�典JavaScript代码(�?

曄�� — Mon, 25 Dec 2006 08:13:00 GMT

�|�页�l�典代码
1. ��彻底屏蔽鼠标右�?无右键菜�?

也可以用于网��中Table框架�?

2.取消选取、防止复�?

3.不准�_�脓

4.防止复制

5.IE地址栏前换成自己的图�?

说明�Q�关于favicon.ico文�g的制作。你可以先在FW中做一个图片，属于你自��q��点一个小图标。然后在ACD see��文件属性改�?.ico�Q�然后将你做�?.ICO文�g传到你的服务器目录中�Q�然后就可以使用以上代码来实玎ͼ�当别人登陆你的站�Ҏ��Q�地址栏里使用的就是你自定义的图标了�?

6.可以在收藏夹中显�C�出你的图标

说明�Q�制作方法和上面的一栗��只是显�C�的方式不同�Q�这个是在别人收藏你的网��地址时显�C�的个性图标�?

7.关闭输入�?

说明�Q�这�D�代码是在表格提交时用到的。也��是在输入数据时不可以��用其他输入法模式�?

8.永远都会带着框架

说明�Q�frames.htm��Z��的网��，�q�也是保护页面的一�U�方�?

9.防止被�hframe

10.�|�页��不能被另存�?

说明�Q?lt;noscirpt>的用法很�q�，其中一条就是可以��JS�q�告失效�?

11.查源文�g
onclick=window.location = 'view-source:'+ target=_blank>[url]http://bbs.055.cn/test.htm[/url]';>

12.COOKIE脚本记录�Q�有很大的用处哦

function get_cookie(Name) {
var search = Name + =

var returnvalue = ;

if (documents.cookie.length > 0) {

offset = documents.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = documents.cookie.indexOf(;, offset);

// set index of end of cookie value

if (end == -1)

end = documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset, end))

}

return returnvalue;

}

function loadpopup(){

if (get_cookie('popped')==''){

openpopup()

documents.cookie=popped=yes

}

说明�Q�以上是JS代码�Q�请自己加�v始符和结束符

13.内框�?lt;IFRAME>使用
Iframe标记的��用格式是: 　　

name=main>
src�Q�文件的路径�Q�既可是HTML文�g�Q�也可以是文本、ASP�{�　　
width、height�Q�内部框架区域的宽与高；　　
scrolling:当SRC的指定的HTML文�g在指定的区域不显不完�Ӟ��滚动选项�Q�如果设�|��ؓNO�Q�则不出现滚动条�Q�如为Auto�Q�则自动出现滚动条；如�ؓYes�Q�则昄��; 　FrameBorder�Q�区域边框的宽度�Q��ؓ了让“内部框架“与邻近的内容相融合�Q�常讄��?�?
name:框架的名字，用来�q�行识别�?
比如: 　当你想用父框架控制内部框架时�Q�可以��用： target=框架的名字来控制�?

例子�Q?lt;iframe name=mm src=http://bbs.055.cn;; width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no>

14.自动跌��{
在源代码中的�?lt;/head>加入如下代码�Q?br />

说明�Q�content=3 表示3�U�刷新到URL

15.如何改变链接的鼠标�Ş�?br />只需在链接上加上�q�一代码��p��的了
或者跟上面的用CSS写也�?/font>

style=cursor:hand　　　　　　style=cursor:crosshair
style=cursor:text 　　　　　　style=cursor:wait
style=cursor:move 　　　　　　style=cursor:help
style=cursor:e-resize 　　　　
style=cursor:n-resize
style=cursor:nw-resize 　　　style=cursor:w-resize
style=cursor:s-resize 　　　　
style=cursor:se-resize
style=cursor:sw-resize

以上代码你只需要加到连接或是页面的style区里��可以实现鼠标多样化�?/font>

16.全屏昄��

把它攑ֈ��Z��?/font>

17.设�ؓ首页

设�ؓ首页

18.�q�里是加入收藏夹的代�?/font>

加入收藏�?lt;/a>

19.flash囄��效果
以下代码加入区域

以下代码加入区域
//囄��地址误��己改

20.load �q�度�?/font>

27 全屏

21.背景囄��滚动

22.�|�页不会被缓�?/font>

HTMl�|�页

或�?lt;META HTTP-EQUIV=expires CONTENT=0>
ASP�|�页
　Response.Expires = -1
　Response.ExpiresAbsolute = Now() - 1
　Response.cachecontrol = no-cache
PHP�|�页
header(Expires: Mon, 26 Jul 1997 05:00:00 GMT;
header(Cache-Control: no-cache, must-revalidate;
header(Pragma: no-cache;

23.

<%
'定义数据库连接的一些常�?br />Const adOpenForwardOnly　　 = 0 '游标只向前浏览记录，不支持分��c��Recordset、BookMark
Const adOpenKeyset　　　　 = 1 '键集游标�Q�其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分��c��Recordset、BookMark
Const adOpenDynamic　　　　 = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都��反映到记录集中。支持全功能��览(ACCESS不支�?�?br />Const adOpenStatic　　　　 = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改�Q�增加或删除记录都不会反映到记录集中。支持向前或向后�U�d��
Const adLockReadOnly　　　　= 1 '锁定�c�d��Q�默认的�Q�只读，不能作�Q何修�?br />Const adLockPessimistic　　 = 2 '当编辑时立即锁定记录�Q�最安全的方�?br />Const adLockOptimistic　　　= 3 '只有在调用Update�Ҏ��时才锁定记录集，而在此前的其他操作仍可对当前记录�q�行更改、插入和删除�{?br />Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更攏V��插入和删除是在批处理方式下完成�?br />Const adCmdText　= &H0001
Const adCmdTable = &H0002
%>

24.最��化、最大化、关闭窗�?br />

说明�Q�本例适用于IE

25.判断上一��늚�来源

asp��?
request.servervariables(HTTP_REFERER
java script:
document.referrer

26.光标是停在文本框文字的最�?/font>

说明�Q�适用于表格数据提�?/font>

曄�� 2006-12-25 16:13 发表评论

两个客户端操作TreeView节点CheckBox的小例子

曄�� — Mon, 11 Dec 2006 16:05:00 GMT

最�q�在论坛上回�{�了一些关于客��L��操作TreeView节点选中的问题，在网友提供的代码基础上做了两个例子。可惜原贴已�l�丢�׃��Q�整理一下写成文��吧
��Z��书写方便�Q�这两个例子没有采用codebehind方式�Q�复制即可运�?br />
�W�一个例子是当取消或选中节点选中状态时�Q�子节点也做相应的取消或选中变化
需要注意的是如果要初始讄��TreeNode为选中状态，只能在客��L��讄��。如果在服务器端讄��TreeNode为选中状态，则在客户端��用getAttribute("Checked")�Q�得到的值永�q�是true�?/p>

<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>

Expanded="True">

checked
unchecked

�W�二个例子是关于如何在服务器端得到客��L��讄��后的节点选中状�?/p>

<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls,

Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>

曄�� 2006-12-12 00:05 发表评论

�l�典JavaScript代码(一)

曄�� — Tue, 21 Nov 2006 11:48:00 GMT

摘要: // �Ҏ��索项讄��下拉框选择��? function control_selectedIndex(select_object,sele... 阅读全文

曄�� 2006-11-21 19:48 发表评论

曄�� — Wed, 08 Nov 2006 09:07:00 GMT

JavaScript面向对象的支�?br />~~~~~~~~~~~~~~~~~~
很少有�h对JavaScript的面向对象特性进行系�l�的分析。我希望接下来的文字让你了解到这
个语�a�最��ؓ人知的一面�?br />
1. JavaScript中的�c�d��
--------
虽然JavaScript是一个基于对象的语言�Q�但对象(Object)在JavaScript中不是第一型的。JS
是以函数(Function)为第一型的语言。这栯��Q�不但是因�ؓJS中的函数��h��高��语言中的�?br />数的各种�Ҏ��，而且也因为在JS中，Object也是由函数来实现的。——关于这一点，可以�?br />后文中“构造与析构”部分看到更�q�一步的说明�?br />
JS中是��q��型的�Q�他的内�|�类型简单而且清晰�Q?br />---------------------------------------------------------
undefined : 未定�?br />number    : 数字
boolean   : 布尔�?br />string    : 字符�?br />function  : 函数
object    : 对象

1). undefined�c�d��
========================
在IE5及以下版本中�Q�除了直接赋值和typeof()之外�Q�其它�Q何对undefined的操作都��导�?br />异常。如果需要知道一个变量是否是undefined�Q�只能采用typeof()的方法：

但是在IE5.5及以上版本中�Q�undefined是一个已实现的系�l�保留字。因此可以用undefined�?br />比较和运��。检��一个值是否是undefined的更��单方法可以是�Q?br />

因此��Z��使得核心代码�?部分�?兼容IE5及早期版本，Romo核心单元中有一行代码用�?br />“声明”一个undefined��|��
//---------------------------------------------------------
// code from Qomolangma, in JSEnhance.js
//---------------------------------------------------------
var undefined = void null;

�q�一行代码还有一�Ҏ��需要说明的�Q�就是void语句的应用。void表明“执行其后的语句�Q�且
忽略�q�回值”。因此在void之后可以出现能被执行的�Q何“单个”语句。而执行的�l�果��是
undefined。当�Ӟ��如果你愿意，你也可以用下面的代码之一“定义undefined”�?br />//---------------------------------------------------------
// 1. 较复杂的�Ҏ��Q�利用一个匿名的�I�函数执行的�q�回
//---------------------------------------------------------
var undefined = function(){}();

//---------------------------------------------------------
// 2. 代码更简�z�，但不易懂的方�?br />//---------------------------------------------------------
var undefined = void 0;

void也能像函��C��样��用，因此void(0)也是合法的。有些时候，一些复杂的语句可能不能
使用void的关键字形式�Q�而必��要使用void的函数�Ş式。例如：
//---------------------------------------------------------
// 必须使用void()形式的复杂表辑ּ�
//---------------------------------------------------------
void(i=1);       // 或如下语�?
void(i=1, i++);

2). number�c�d��
========================
JavaScript中��L��处理��点敎ͼ�因此它没有象Delphi中的MaxInt�q�样的常量，反而是有这
样两个常值定义：
  Number.MAX_VALUE  : �q�回 JScript 能表辄��最大的数。约�{�于 1.79E+308�?br />  Number.MIN_VALUE  : �q�回 JScript 最接近0的数。约�{�于 2.22E-308�?br />
因�ؓ没有整型的缘故，因此在一些关于CSS和DOM属性的�q�算中，如果你期望取��gؓ整数2�Q?br />你可能会得到字符东y�?.0”——或者类��g��此的一些情��c��这�U�情况下�Q�你可能需要用
到全局对象(Gobal)的parseInt()�Ҏ��?br />
全局对象(Gobal)中还有两个属性与number�c�d��的运��有养I��
  NaN      : ��术表达式的�q�算�l�果不是数字�Q�则�q�回NaN倹{�?br />  Infinity : 比MAX_VALUE更大的数�?br />
如果一个值是NaN�Q�那么他可以通过全局对象(Gobal)的isNaN()�Ҏ��来检��。然而两个NaN
��g��间不是互�{�的。如下例�Q?br />//---------------------------------------------------------
// NaN的运��与��?br />//---------------------------------------------------------
var
  v1 = 10 * 'a';
  v2 = 10 * 'a';
document.writeln(isNaN(v1));
document.writeln(isNaN(v2));
document.writeln(v1 == v2);

全局对象(Gobal)的Infinity表示比最大的敊W?Number.MAX_VALUE) 更大的倹{��在JS中，
它在数学�q�算时的价��g��正无�I�h��一��L��。——在一些实用技巧中�Q�它也可以用来做一
个数�l�序列的边界��?br />
Infinity在Number对象中被定义为POSITIVE_INFINITY。此外，负无�I�也在Number中被�?br />义：
  Number.POSITIVE_INFINITY  : 比最大正敎ͼ�Number.MAX_VALUE�Q�更大的倹{��正无穷�?br />  Number.NEGATIVE_INFINITY  : 比最��负敎ͼ�-Number.MAX_VALUE�Q�更��的倹{��负无穷�?br />
与NaN不同的是�Q�两个Infinity(�?Infinity)之间是互�{�的。如下例�Q?br />//---------------------------------------------------------
// Infinity的运��与��?br />//---------------------------------------------------------
var
  v1 = Number.MAX_VALUE * 2;
  v2 = Number.MAX_VALUE * 3;
document.writeln(v1);
document.writeln(v2);
document.writeln(v1 == v2);

在Global中其它与number�c�d��相关的方法有�Q?br /> isFinite()   : 如果值是NaN/正无�I?负无�I�P��q�回false�Q�否则返回true�?br /> parseFloat() : 从字�W�串(的前�~�部分)取一个��Q�Ҏ��。不成功则返回NaN�?br />
3). boolean�c�d��
========================
(�?

4). string�c�d��
========================
JavaScript中的String�c�d��原本没有什么特�D�的�Q�但是JavaScript��Z��适应
“浏览器实现的超文本环境”，因此它具有一些奇怪的�Ҏ��。例如：
  link() : 把一个有HREF属性的��链接标�{?lt;A>攑֜�String对象中的文本两端�?br />  big()  : 把一�?lt;big>标签攑֜�String对象中的文本两端�?br />以下�Ҏ��与此�c�d��Q?br />  anchor()
  blink()
  bold()
  fixed()
  fontcolor()
  fontsize()
  italics()
  small()
  strike()
  sub()
  sup()

除此之外�Q�string的主要复杂性来自于在JavaScript中无所不在的toString()
�Ҏ��。这也是JavaScript为浏览器环境而提供的一个很重要的方法。例如我�?br />声明一个对象，但是要用document.writeln()来输出它�Q�在IE中会昄��什么呢�Q?br />
下例说明�q�个问题�Q?br />//---------------------------------------------------------
// toString()的应�?br />//---------------------------------------------------------
var
  s = new Object();

s.v1 = 'hi,';
s.v2 = 'test!';
document.writeln(s);
document.writeln(s.toString());

s.toString = function() {
  return s.v1 + s.v2;
}
document.writeln(s);

在这个例子中�Q�我们看刎ͼ�当一个对象没有重新声�?覆盖)自己toString()�?br />法的时候，那么它作为字�W�串型态��用时(例如被writeln)�Q�就会调用Java Script
环境�~�省的toString()。反�q�来�Q�你也可以重新定义JavaScript理解�q�个对象
的方法�?br />
很多JavaScript框架�Q�在实现“模李쀝机制的时候，��利用了�q�个�Ҏ��。例�?br />他们用这样定义一个FontElement对象�Q?br />//---------------------------------------------------------
// 利用toString()实现模板机制的简单原�?br />//---------------------------------------------------------
function FontElement(innerHTML) {
  this.face = '宋体';
  this.color = 'red';
  // more...

  var ctx = innerHTML;
  this.toString = function() {
    return ''
      + ctx
      + '';
  }
}

var obj = new FontElement('�q�是一个测试�?);

// 留意下面�q�行代码的写�?br />document.writeln(obj);

5). function�c�d��
========================
javascript函数��h��很多�Ҏ��，除了面向对象的部分之�?�q�在后面讲述)�Q�它�?br />已的一些独特特性应用也很广泛�?br />
首先javascript中的每个函数�Q�在调用�q�程中可以执有一个arguments对象。这�?br />对象是由脚本解释环境创徏的，你没有别的方法来自己创徏一个arguments对象�?br />
arguments可以看成一个数�l�：它有length属性，�q�可以通过arguments[n]的方�?br />来访问每一个参数。然而它最重要的，却是可以通过 callee 属性来得到正在执行
的函数对象的引用�?br />
接下的问题变得很有趣�Q�Function对象有一个 caller 属性，指向正在调用当前
函数的父函数对象的引用�?br />
——我们已�l�看刎ͼ�我们可以在JavaScript里面�Q�通过callee/caller来遍历执�?br />期的调用栈。由于arguments事实上也是Function的一个属性，因此我们事实上也
能遍历执行期调用栈上的每一个函数的参数。下面的代码是一个简单的�C�Z��Q?br />
//---------------------------------------------------------
// 调用栈的遍历
//---------------------------------------------------------
function foo1(v1, v2) {
  foo2(v1 * 100);
}

function foo2(v1) {
  foo3(v1 * 200);
}

function foo3(v1) {
  var foo = arguments.callee;
  while (foo && (foo != window)) {
    document.writeln('调用参数�Q?lt;br>', '---------------
');

    var args = foo.arguments, argn = args.length;
    for (var i=0; i      document.writeln('args[', i, ']: ', args[i], '
');
    }
    document.writeln('
');

    // 上一�U?br />    foo = foo.caller;
  }
}

// �q�行��试
foo1(1, 2);

2. JavaScript面向对象的支�?br />--------
在前面的例子中其实已�l�讲��C��object�c�d��的“类型声明”与“实例创建”�?br />在JavaScript中，我们需要通过一个函数来声明自己的object�c�d��Q?br />//---------------------------------------------------------
// JavaScript中对象的�c�d��声明的�Ş式代�?br />// (以后的文档中�Q�“对象名”通常用MyObject来替�?
//---------------------------------------------------------
function 对象�?参数�? {
  this.属性�? 初始�?

  this.�Ҏ�� = function(�Ҏ��参数�? {
    // �Ҏ��实现代码
  }
}

然后�Q�我们可以通过�q�样的代码来创徏�q�个对象�c�d��的一个实例：
//---------------------------------------------------------
// 创徏实例的�Ş式代�?br />// (以后的文��中�Q�“实例变量名”通常用obj来替�?
//---------------------------------------------------------
var 实例变量名�? new 对象�?参数�?;

接下来我们来看“对象”在JavaScript中的一些具体实现和奇怪特性�?br />
1). 函数在JavaScript的面向对象机制中的五重��n�?br /> ------
“对象名”——如MyObject()——这个函数充当了以下语言角色�Q?br />  (1) 普通函�?br />  (2) �c�d��声明
  (3) �c�d��的实�?br />  (4) �c�d��?br />  (5) 对象的构造函�?br />
一些程序员(例如Delphi�E�序�?习惯于类型声明与实现分开。例如在delphi
中，Interface节用于声明类型或者变量，而implementation节用于书写类�?br />的实��C��码，或者一些用于执行的函数、代码流�E��?br />
但在JavaScript中，�c�d��的声明与实现是�؜在一��L��。一个对象的�c�d��(�c?
通过函数来声明，this.xxxx表明了该对象可具有的属性或者方法�?br />
�q�个函数的同时也是“类引用”。在JavaScript�Q�如果你需要识别一个对�?br />的具体型别，你需要执有一个“类引用”。——当�Ӟ��也就是这个函数的�?br />字。instanceof �q�算�W�就用于识别实例的类型，我们来看一下它的应用：
//---------------------------------------------------------
// JavaScript中对象的�c�d��识别
//   语法:  对象实例 instanceof �c�d��?br />//---------------------------------------------------------
function MyObject() {
  this.data = 'test data';
}

// �q�里MyObject()作�ؓ构造函��C��?br />var obj = new MyObject();
var arr = new Array();

// �q�里MyObject作�ؓ�c�d��用��?br />document.writeln(obj instanceof MyObject);
document.writeln(arr instanceof MyObject);

================
(未完待箋)
================
接下来的内容�Q?br />
2. JavaScript面向对象的支�?br />--------

2). 反射机制在JavaScript中的实现
3). this与with关键字的使用
4). 使用in关键字的�q�算
5). 使用instanceof关键字的�q�算
6). 其它与面向对象相关的关键�?br />
3. 构造与析构

4. 实例和实例引�?br />
5. 原型问题

6. 函数的上下文环境

7. 对象的类型检查问�?br />
2). 反射机制在JavaScript中的实现
------
  JavaScript中通过for..in语法来实��C��反射机制。但是JavaScript中�ƈ�?br />明确区分“属性”与“方法”，以及“事件”。因此，对属性的�c�d��考查在JS
中是个问题。下面的代码��单示例for..in的��用与属性识别：
//---------------------------------------------------------
// JavaScript中for..in的��用和属性识�?br />//---------------------------------------------------------
var _r_event = _r_event = /^[Oo]n.*/;
var colorSetting = {
  method: 'red',
  event: 'blue',
  property: ''
}

var obj2 = {
  a_method : function() {},
  a_property: 1,
  onclick: undefined
}

function propertyKind(obj, p) {
  return  (_r_event.test(p) && (obj[p]==undefined || typeof(obj[p])=='function')) ? 'event'
    : (typeof(obj[p])=='function') ? 'method'
    : 'property';
}

var objectArr = ['window', 'obj2'];

for (var i=0; i  document.writeln('

for ', objectArr[i], '

');

  var obj = eval(objectArr[i]);
  for (var p in obj) {
    var kind = propertyKind(obj, p);
    document.writeln('obj.', p, ' is a ', kind.fontcolor(colorSetting[kind]), ': ', obj[p], '
');
  }

  document.writeln('

');
}

一个常常被开发者忽略的事实是：JavaScript本��n是没有事�?Event)�pȝ��的。�?br />常我们在JavaScript用到的onclick�{�事�Ӟ��其实是IE的DOM模型提供的。从更内�?br />的角度上�Ԍ��IE通过COM的接口属性公布了一�l�事件接口给DOM�?br />
有两个原因，使得在JS中不能很好的识别“一个属性是不是事�g”：
  - COM接口中本�w�只有方法，属性与事�g�Q�都是通过一�l�get/set�Ҏ��来公布的�?br />  - JavaScript中，本��n�q�没有独立的“事件”机制�?br />
因此我们看到event的识别方法，是检��属性名是否是以'on'字符串开�?�?On'开
头的是Qomo的约�?。接下来�Q�由于DOM对象中的事�g是可以不指定处理函数的，�q?br />�U�情况下事�g句柄为null�?Qomo采用相同的约�?�Q�在另外的一些情况下�Q�用户可
能象obj2�q�样�Q�定义一个��gؓ undefined的事件。因此“事件”的判定条�g被处�?br />成一个复杂的表达式：
   ("属性以on/On开�? && ("��gؓnull/undefined" || "�c�d��为function"))

另外�Q�从上面的这�D�代码的�q�行�l�果来看。对DOM对象使用for..in�Q�是不能列�D�?br />对象�Ҏ��来的�?br />
最后说明一炏V��事实上�Q�在很多语言的实��C��Q�“事件”都不是“面向对象”的�?br />�a��Ҏ��，而是由具体的�~�程模型来提供的。例如Delphi中的事�g驱动机制�Q�是由Win32
操作�pȝ��中的�H�口消息机制来提供，或者由用户代码在Component/Class中主动调�?br />事�g处理函数来实现�?br />
“事件”是一个“如何驱动编�E�模型”的机制�Q�问题，而不是语�a�本��n的问题。然
而以PME(property/method/event)为框架的OOP概念�Q�已�l�深入�h心，所以当�~�程�?br />�a�或系�l�表现出�q�些�Ҏ��来的时候，��已�l�没人关心“event�I�竟是谁实现”的了�?br />
3). this与with关键字的使用
------
在JavaScript的对象系�l�中�Q�this关键字用在两�U�地方：
   - 在构造器函数中，指代新创建的对象实例
   - 在对象的�Ҏ��被调用时�Q�指代调用该�Ҏ��的对象实�?br />
如果一个函数被作�ؓ普通函�?而不是对象方�?调用�Q�那么在函数中的this关键�?br />��指向window对象。与此相同的�Q�如果this关键字不在�Q何函��C��Q�那么他也指�?br />window对象�?br />
�׃��在JavaScript中不明确区分函数与方法。因此有些代码看��h��很奇怪：
//---------------------------------------------------------
// 函数的几�U�可能调用�Ş�?br />//---------------------------------------------------------
function foo() {
  // 下面的this指代调用该方法的对象实例
  if (this===window) {
    document.write('call a function.', '
');
  }
  else {
    document.write('call a method, by object: ', this.name, '
');
  }
}

function MyObject(name) {
  // 下面的this指代new关键字新创徏实例
  this.name = name;
  this.foo = foo;
}

var obj1 = new MyObject('obj1');
var obj2 = new MyObject('obj2');

// ��试1: 作�ؓ函数调用
foo();

// ��试2: 作�ؓ对象�Ҏ��的调�?br />obj1.foo();
obj2.foo();

// ��试3: ��函��C��为“指定对象的”方法调�?br />foo.call(obj1);
foo.apply(obj2);

在上面的代码里，obj1/obj2对foo()的调用是很普通的调用�Ҏ��。——也��?br />是在构造器上，��一个函数指定�ؓ对象的方法�?br />
而测�?中的call()与apply()��比较特�D��?br />
在这个测试中�Q�foo()仍然作�ؓ普通函数来调用�Q�只是JavaScript的语�a��Ҏ�?br />允许在call()/apply()�Ӟ��传入一个对象实例来指定foo()的上下文环境中所
出现的this关键字的引用。——需要注意的是，此时的foo()仍旧是一个普�?br />函数调用�Q�而不是对象方法调用�?br />
与this“指�C��用该�Ҏ��的对象实例”有些类同的�Q�with()语法也用于限�?br />“在一�D�代码片�D�中默认使用对象实例”。——如果不使用with()语法�Q�那
么这�D�代码将受到更外层with()语句的媄响；如果没有更外层的with()�Q�那
么这�D�代码的“默认��用的对象实例”将是window�?br />
然而需要注意的是this与with关键字不是互为媄响的。如下面的代码：
//---------------------------------------------------------
// ��试: this与with关键字不是互为媄响的
//---------------------------------------------------------
function test() {
  with (obj2) {
    this.value = 8;
  }
}
var obj2 = new Object();
obj2.value = 10;

test();
document.writeln('obj2.value: ', obj2.value, '
');
document.writeln('window.value: ', window.value, '
');

你不能指望这��L��代码在调用结束后�Q�会使obj2.value属性置��gؓ8。这几行
代码的结果是�Q�window对象多了一个value属性，�q�且��gؓ8�?br />
with(obj){...}�q�个语法�Q�只能限定对obj的既有属性的��d��Q�而不能主动的
声明它。一旦with()里的对象没有指定的属性，或者with()限定了一个不是对
象的数据�Q�那么结果会产生一个异常�?br />
4). 使用in关键字的�q�算
------
除了用for..in来反��对象的成员信息之外�Q�JavaScript中也允许直接用in
关键字去��对象是否有指定名字的属性�?br />
in关键字经常被提及的原因�ƈ不是它检��属性是否存在的能力�Q�因此在早期
的代码中�Q�很多可喜欢用“if (!obj.propName) {}” 这��L��方式来检��propName
是否是有效的属性。——很多时候，��有效性比��“是否存有该属性”更
有实用性。因此这�U�情况下�Q�in只是一个可选的、官方的�Ҏ��?br />
in关键字的重要应用是高速字�W�串��索。尤其是在只需要判定“字�W�串是否
存在”的情况下。例�?0万个字符�Ԍ��如果存储在数�l�中�Q�那么检索效率将�?br />极差�?br />//---------------------------------------------------------
// 使用对象来检�?br />//---------------------------------------------------------
function arrayToObject(arr) {
  for (var obj=new Object(), i=0, imax=arr.length; i    obj[arr[i]]=null;
  }
  return obj;
}

var
  arr = ['abc', 'def', 'ghi']; // more and more...
  obj = arrayToObject(arr);

function valueInArray(v) {
  for (var i=0, imax=arr.length; i    if (arr[i]==v) return true;
  }

  return false;
}

function valueInObject(v) {
  return v in obj;
}

�q�种使用关键字in的方法，也存在一些限制。例如只能查扑֭��W�串�Q�而数
�l�元素可以是��L��倹{��另外，arrayToObject()也存在一些开销�Q�这使得�?br />不适合于频�J�变动的查找集。最后，(我想你可能已�l�注意到�?使用对象
来查扄��时候�ƈ不能准确定位到查找数据，而数�l�中可以指向�l�果的下标�?br />
八、JavaScript面向对象的支�?br />~~~~~~~~~~~~~~~~~~
(�l?

2. JavaScript面向对象的支�?br />--------
(�l?

5). 使用instanceof关键字的�q�算
------
在JavaScript中提供了instanceof关键字来��实例的�c�d��。这在前面讨
论它的“五重��n份”时已经讲过。但instanceof的问题是�Q�它��L��列�D整个
原型链以��类�?关于原型�l�承的原理在“构造与析构”小节讲�q?�Q�如�Q?br />//---------------------------------------------------------
// instanceof使用中的问题
//---------------------------------------------------------
function MyObject() {
  // ...
}

function MyObject2() {
  // ...
}
MyObject2.prototype = new MyObject();

obj1 = new MyObject();
obj2 = new MyObject2();

document.writeln(obj1 instanceof MyObject, '
');
document.writeln(obj2 instanceof MyObject, '
');

我们看到�Q�obj1与obj2都是MyObject的实例，但他们是不同的构造函��C��?br />的。——注意，�q�在面向对象理论中正��的�Q�因为obj2是MyObject的子�c�d��
例，因此它具有与obj1相同的特性。在应用中这是obj2的多态性的体现之一�?br />
但是�Q�即便如此，我们也必��面临这��L��问题�Q�如何知道obj2与obj1是否�?br />相同�c�d��的实例呢�Q�——也��是��_��q�构造器都相同？

instanceof关键字不提供�q�样的机制。一个提供实现这�U�检��的能力的，�?br />Object.constructor属性。——但请先��C��Q�它的��用远比你惌��的要难�?br />
好的�Q�问题先到这里。constructor属性已�l�涉及到“构造与析构”的问题�Q?br />�q�个我们后面再讲。“原型��扎쀝、“构造与析构”是JavaScript的OOP�?br />的主要问题、核心问题，以及“致命问题”�?br />
6). null与undefined
------
在JavaScript中，null与undefined曾一度��我迷惑。下面的文字�Q�有利于
你更清晰的认知它(或者让你更�q�h��)�Q?br />   - null是关键字�Q�undefined是Global对象的一个属性�?br />   - null是对�?�I�对�? 没有��M��属性和�Ҏ��)�Q�undefined是undefined�c?br />     型的倹{��试试下面的代码�Q?br />       document.writeln(typeof null);
       document.writeln(typeof undefined);
   - 对象模型中，所有的对象都是Object或其子类的实例，但null对象例外�Q?br />       document.writeln(null instanceof Object);
   - null“等�?==)”于undefined�Q�但不“全�{��?===)”于undefined�Q?br />       document.writeln(null == undefined);
       document.writeln(null == undefined);
   - �q�算时null与undefined都可以被�c�d��转换为false�Q�但不等��g��false�Q?br />       document.writeln(!null, !undefined);
       document.writeln(null==false);
       document.writeln(undefined==false);

八、JavaScript面向对象的支�?br />~~~~~~~~~~~~~~~~~~
(�l?

3. 构造、析构与原型问题
--------
我们已经知道一个对象是需要通过构造器函数来��生的。我们先��C��几点�Q?br />   - 构造器是一个普通的函数
   - 原型是一个对象实�?br />   - 构造器有原型属性，对象实例没有
   - (如果正常地实现��承模型，)对象实例的constructor属性指向构造器
   - 从三、四条推出：obj.constructor.prototype指向该对象的原型

好，我们接下来分析一个例子，来说明JavaScript的“��承原型”声明，�?br />及构造过�E��?br />//---------------------------------------------------------
// 理解原型、构造、��承的�C�Z��
//---------------------------------------------------------
function MyObject() {
  this.v1 = 'abc';
}

function MyObject2() {
  this.v2 = 'def';
}
MyObject2.prototype = new MyObject();

var obj1 = new MyObject();
var obj2 = new MyObject2();

1). new()关键字的形式化代�?br /> ------
我们先来看“obj1 = new MyObject()”这行代码中的这个new关键字�?br />
new关键字用于��生一个新的实例（说到�q�里补充一下，我习惯于把保留字叫关�?br />字。另外，在JavaScript中new关键字同时也是一个运��符�Q�，�q�个实例的缺省属�?br />中，(臛_��)会执有构造器函数的原型属�?prototype)的一个引�?在ECMA Javascript
规范中，对象的这个属性名定义为__proto__)�?br />
每一个函敎ͼ�无论它是否用作构造器�Q�都会有一个独一无二的原型对�?prototype)�?br />对于JavaScript“内�|�对象的构造器”来��_��它指向内部的一个原型。缺省时JavaScript
构造出一个“空的初始对象实�?不是null)”�ƈ使原型引用指向它。然而如果你�l�函
数的�q�个prototype赋一个新的对象，那么新的对象实例��执有它的一个引用�?br />
接下来，构造过�E�将调用MyObject()来完成初始化。——注意，�q�里只是“初�?br />化”�?br />
��Z��清楚地解释这个过�E�，我用代码形式化地描述一下这个过�E�：
//---------------------------------------------------------
// new()关键字的形式化代�?br />//---------------------------------------------------------
function new(aFunction) {
  // 基本对象实例
  var _this = {};

  // 原型引用
  var _proto= aFunction.prototype;

/* if compat ECMA Script
  _this.__proto__ = _proto;
*/

  // 为存取原型中的属性添�?内部�?getter
  _this._js_GetAttributes= function(name) {
    if (_existAttribute.call(this, name))
      return this[name]
    else if (_js_LookupProperty.call(_proto, name))
      retrun OBJ_GET_ATTRIBUTES.call(_proto, name)
    else
      return undefined;
  }

  // 为存取原型中的属性添�?内部�?setter
  _this._js_GetAttributes = function(name, value) {
    if (_existAttribute.call(this, name))
      this[name] = value
    else if (OBJ_GET_ATTRIBUTES.call(_proto, name) !== value) {
      this[name] = value    // 创徏当前实例的新成员
    }
  }

  // 调用构造函数完成初始化, (如果�?)传入args
  aFunction.call(_this);

  // �q�回对象
  return _this;
}

所以我们看��C��下两点：
  - 构造函�?aFunction)本��n只是对传入的this实例做“初始化”处理，�?br />    不是构造一个对象实例�?br />  - 构造的�q�程实际发生在new()关键�?�q�算�W�的内部�?br />
而且�Q�构造函�?aFunction)本��n�q�不需要操作prototype�Q�也不需要回传this�?br />
2). ��q��户代码维护的原型(prototype)�?br /> ------
接下来我们更深入的讨论原型链与构造过�E�的问题。这��是�Q?br />  - 原型链是用户代码创徏的，new()关键字�ƈ不协助维护原型链

以Delphi代码��Z��Q�我们在声明�l�承关系的时候，可以用这��L��代码�Q?br />//---------------------------------------------------------
// delphi中��用的“类”类型声�?br />//---------------------------------------------------------
type
  TAnimal = class(TObject); // 动物
  TMammal = class(TAnimal); // ��Z�^动物
  TCanine = class(TMammal); // 犬科的哺乛_��?br />  TDog = class(TCanine);    // �?br />
�q�时�Q�Delphi的编译器会通过�~�译技术来�l�护一个��承关�p�链表。我们可以�?br />�q�类��g��下的代码来查询这个链表：
//---------------------------------------------------------
// delphi中��用��关系链表的关键代�?br />//---------------------------------------------------------
function isAnimal(obj: TObject): boolean;
begin
  Result := obj is TAnimal;
end;

var
  dog := TDog;

// ...
dog := TDog.Create();
writeln(isAnimal(dog));

可以看到�Q�在Delphi的用户代码中�Q�不需要直接��护��承关�pȝ��链表。这是因
为Delphi是强�c�d��语言�Q�在处理用class()关键字声明类型时�Q�delphi的编译器
已经为用��h��造了�q�个�l�承关系链。——注意，�q�个�q�程是声明，而不是执�?br />代码�?br />
而在JavaScript中，如果需要获知对象“是否是某个基类的子�c�d��象”，那么
你需要手工的来维�?与delphi�q�个例子�c�M��?一个链表。当�Ӟ��q�个链表�?br />叫类型��承树�Q�而叫�?对象�?原型链表”。——在JS中，没有“类”类型�?br />
参考前面的JS和Delphi代码�Q�一个类同的例子是这��P��
//---------------------------------------------------------
// JS中“原型链表”的关键代码
//---------------------------------------------------------
// 1. 构造器
function Animal() {};
function Mammal() {};
function Canine() {};
function Dog() {};

// 2. 原型链表
Mammal.prototype = new Animal();
Canine.prototype = new Mammal();
Dog.prototype = new Canine();

// 3. �C�Z��函数
function isAnimal(obj) {
  return obj instanceof Animal;
}

var
  dog = new Dog();
document.writeln(isAnimal(dog));

可以看到�Q�在JS的用户代码中�Q�“原型链表”的构徏�Ҏ��是一行代码：
  "当前�cȝ��构造器函数".prototype = "直接父类的实�?

�q�与Delphi一�cȝ��语言不同�Q�维护原型链的实质是在执行代码，而非声明�?br />
那么�Q�“是执行而非声明”到底有什么意义呢�Q?br />
JavaScript是会有编译过�E�的。这个过�E�主要处理的是“语法检错”、“语
法声明”和“条件编译指令”。而这里的“语法声明”，主要处理的就是函
数声明。——这也是我说“函数是�W�一�cȝ��Q�而对象不是”的一个原因�?br />
如下例：
//---------------------------------------------------------
// 函数声明与执行语句的关系(firefox 兼容)
//---------------------------------------------------------
// 1. 输出1234
testFoo(1234);

// 2. ��试输出obj1
// 3. ��试输出obj2
testFoo(obj1);
try {
  testFoo(obj2);
}
catch(e) {
  document.writeln('Exception: ', e.description, '
');
}

// 声明testFoo()
function testFoo(v) {
  document.writeln(v, '
');
}

//  声明object
var obj1 = {};
obj2 = {
  toString: function() {return 'hi, object.'}
}

// 4. 输出obj1
// 5. 输出obj2
testFoo(obj1);
testFoo(obj2);

�q�个�C�Z��代码在JS环境中执行的�l�果是：
------------------------------------
  1234
  undefined
  Exception: 'obj2' 未定�?br />  [object Object]
  hi, obj
------------------------------------
问题是，testFoo()是在它被声明之前被执行的�Q�而同��L��“直接声明”的
形式定义的object变量�Q�却不能在声明之前引用。——例子中�Q�第二、三
个输入是不正��的�?br />
函数可以在声明之前引用，而其它类型的数值必��d��声明之后才能被��用�?br />�q�说明“声明”与“执行期引用”在JavaScript中是两个�q�程�?br />
另外我们也可以发玎ͼ�使用"var"来声明的时候，�~�译器会先确认有该变�?br />存在�Q�但变量的��g��是“undefined”。——因此“testFoo(obj1)”不会发
生异常。但是，只有�{�到关于obj1的赋��D��句被执行�q�，才会有正常的输出�?br />请对照第二、三与第四、五行输出的差异�?br />
�׃��JavaScript对原型链的维护是“执行”而不是“声明”，�q�说明“原�?br />链是��q��户代码来�l�护的，而不是编译器�l�护的�?br />
��p��个推论，我们来看下面�q�个例子�Q?br />//---------------------------------------------------------
// �C�Z��Q�错误的原型�?br />//---------------------------------------------------------
// 1. 构造器
function Animal() {}; // 动物
function Mammal() {}; // ��Z�^动物
function Canine() {}; // 犬科的哺乛_��?br />
// 2. 构造原型链
var instance = new Mammal();
Mammal.prototype = new Animal();
Canine.prototype = instance;

// 3. ��试输出
var obj = new Canine();
document.writeln(obj instanceof Animal);

�q�个输出�l�果�Q��我们看到一个错误的原型铑֯�致的�l�果“犬�U�的��Z�^�?br />物‘不是’一�U�动物”�?br />
�Ҏ��在于�?. 构造原型链”下面的几行代码是解释执行的�Q�而不是象var�?br />function那样是“声明”�ƈ在编译期被理解的。解决问题的�Ҏ��是修攚w��?br />行代码，使得它的“执行过�E�”符合逻辑�Q?br />//---------------------------------------------------------
// 上例的修正代�?部分)
//---------------------------------------------------------
// 2. 构造原型链
Mammal.prototype = new Animal();
var instance = new Mammal();
Canine.prototype = instance;

3). 原型实例是如何被构造过�E��用的
------
仍以Delphi��Z��。构造过�E�中�Q�delphi中会首先创徏一个指定实例大��的
“空的对象”，然后逐一�l�属性赋��|��以及调用构造过�E�中的方法、触发事
件等�?br />
JavaScript中的new()关键字中隐含的构造过�E�，与Delphi的构造过�E��ƈ不完全一致。但
在构造器函数中发生的行�ؓ却与上述的类��|��
//---------------------------------------------------------
// JS中的构造过�E?形式代码)
//---------------------------------------------------------
function MyObject2() {
  this.prop = 3;
  this.method = a_method_function;

  if (you_want) {
    this.method();
    this.fire_OnCreate();
  }
}
MyObject2.prototype = new MyObject(); // MyObject()的声明略

var obj = new MyObject2();

如果以单个类为参考对象的�Q�这个构造过�E�中JavaScript可以拥有与Delphi
一样丰富的行�ؓ。然而，�׃��Delphi中的构造过�E�是“动态的”，因此事实�?br />Delphi�q�会调用父类(MyObject)的构造过�E�，以及触发父类的OnCreate()事�g�?br />
JavaScript没有�q�样的特性。父�cȝ��构造过�E�仅仅发生在为原�?prototype
属�?赋值的那一行代码上。其后，无论有多��个new MyObject2()发生�Q?br />MyObject()�q�个构造器都不会被使用。——这也意味着�Q?br />  - 构造过�E�中�Q�原型对象是一�ơ性生成的�Q�新对象只持有这个原型实例的引用
    (�q�用“写复制”的机制来存取其属�?�Q�而�ƈ不再调用原型的构造器�?br />
�׃��不再调用父类的构造器�Q�因此Delphi中的一些特性无法在JavaScript中实现�?br />�q�主要媄响到构造阶�D늚�一些事件和行�ؓ。——无法把一些“对象构造过�E�中�?br />的代码写到父�cȝ��构造器中。因为无论子�c�L��造多��次�Q�这�ơ对象的构造过�E�根
本不会激�zȝ��c�L��造器中的代码�?br />
JavaScript中属性的存取是动态的�Q�因为对象存取父�c�d��性依赖于原型链表�Q�构�?br />�q�程却是静态的�Q��ƈ不访问父�cȝ��构造器�Q�而在Delphi�{�一些编译型语言中，(不��
用读写器�?属性的存取是静态的�Q�而对象的构造过�E�则动态地调用父类的构造函数�?br />所以再一�ơ请大家看清楚new()关键字的形式代码中的�q�一行：
//---------------------------------------------------------
// new()关键字的形式化代�?br />//---------------------------------------------------------
function new(aFunction) {
  // 原型引用
  var _proto= aFunction.prototype;

  // ...
}

�q�个�q�程中，JavaScript做的是“get a prototype_Ref”，而Delphi�{�其它语�a��?br />的是“Inherited Create()”�?br />
八、JavaScript面向对象的支�?br />~~~~~~~~~~~~~~~~~~
(�l?

4). 需要用��L��护的另一个属性：constructor
------
回顾前面的内容，我们提到�q�：
   - (如果正常地实现��承模型，)对象实例的constructor属性指向构造器
   - obj.constructor.prototype指向该对象的原型
   - 通过Object.constructor属性，可以��obj2与obj1是否是相同类型的实例

  与原型链要通过用户代码来维护prototype属性一��P��实例的构造器属性constructor
也需要用户代码维护�?br />
  对于JavaScript的内�|�对象来��_��constructor属性指向内�|�的构造器函数。如�Q?br />//---------------------------------------------------------
// 内置对象实例的constructor属�?br />//---------------------------------------------------------
var _object_types = {
  'function'  : Function,
  'boolean'   : Boolean,
  'regexp'    : RegExp,
// 'math'     : Math,
// 'debug'    : Debug,
// 'image'    : Image;
// 'undef'    : undefined,
// 'dom'      : undefined,
// 'activex'  : undefined,
  'vbarray'   : VBArray,
  'array'     : Array,
  'string'    : String,
  'date'      : Date,
  'error'     : Error,
  'enumerator': Enumerator,
  'number'    : Number,
  'object'    : Object
}

function objectTypes(obj) {
  if (typeof obj !== 'object') return typeof obj;
  if (obj === null) return 'null';

  for (var i in _object_types) {
    if (obj.constructor===_object_types[i]) return i;
  }
  return 'unknow';
}

// ��试数据和相关代�?br />function MyObject() {
}
function MyObject2() {
}
MyObject2.prototype = new MyObject();

window.execScript(''+
'Function CreateVBArray()' +
'  Dim a(2, 2)' +
'  CreateVBArray = a' +
'End Function', 'VBScript');

document.writeln('dom<', '/div>');

// ��试代码
var ax = new ActiveXObject("Microsoft.XMLHTTP");
var dom = document.getElementById('dom');
var vba = new VBArray(CreateVBArray());
var obj = new MyObject();
var obj2 = new MyObject2();

document.writeln(objectTypes(vba), '
');
document.writeln(objectTypes(ax), '
');
document.writeln(objectTypes(obj), '
');
document.writeln(objectTypes(obj2), '
');
document.writeln(objectTypes(dom), '
');

在这个例子中�Q�我们发现constructor属性被实现得�ƈ不完整。对于DOM对象、ActiveX对象
来说�q�个属性都没有正确的返回�?br />
��切的说�Q�DOM�Q�包括Image)对象与ActiveX对象都不是标准JavaScript的对象体�p�M��的，
因此它们也可能会��h��自己的constructor属性，�q�有着与JavaScript不同的解释。因此，
JavaScript中不�l�护它们的constructor属性，是具有一定的合理性的�?br />
另外的一些单体对�?而非构造器)�Q�也不具有constructor属性，例如“Math”和“Debug”�?br />“Global”和“RegExp对象”。他们是JavaScript内部构造的�Q�不应该公开构造的�l�节�?br />
我们也发现实例obj的constructor指向function MyObject()。这说明JavaScript�l�护了对
象的constructor属性。——这与一些�h惌��的不一栗��?br />
然而再接下来，我们发现MyObject2()的实例obj2的constructor仍然指向function MyObject()�?br />��管�q�很说不通，然而现实的��如此。——这到底是�ؓ什么呢�Q?br />
事实上，仅下面的代码�Q?br />--------
function MyObject2() {
}

obj2 = new MyObject2();
document.writeln(MyObject2.prototype.constructor === MyObject2);
--------
构造的obj2.constructor��正��的指向function MyObject2()。事实上�Q�我们也会注意到�q?br />�U�情况下�Q�MyObject2的原型属性的constructor也正��的指向该函数。然而，�׃��JavaScript
要求指定prototype对象来构造原型链�Q?br />--------
function MyObject2() {
}
MyObject2.prototype = new MyObject();

obj2 = new MyObject2();
--------
�q�时�Q�再讉K��obj2�Q�将会得到新的原�?也就是MyObject2.prototype)的constructor属性�?br />因此�Q�一切很明了�Q�原型的属性媄响到构造过�E�对对象的constructor的初始设定�?br />
作�ؓ一�U�补充的解决问题的手�D�，JavaScript开发规范中说“need to remember to reset
the constructor property'�Q�要求用戯��行设定该属性�?br />
所以你会看到更规范的JavaScript代码要求�q�样书写�Q?br />//---------------------------------------------------------
// �l�护constructor属性的规范代码
//---------------------------------------------------------
function MyObject2() {
}
MyObject2.prototype = new MyObject();
MyObject2.prototype.constructor = MyObject2;

obj2 = new MyObject2();

更外一�U�解决问题的�Ҏ��Q�是在function MyObject()中去重置该倹{��当�Ӟ��q�样会��
得执行效率稍低一点点�Q?br />//---------------------------------------------------------
// �l�护constructor属性的�W�二�U�方�?br />//---------------------------------------------------------
function MyObject2() {
  this.constructor = arguments.callee;
  // or, this.constructor = MyObject2;

  // ...
}
MyObject2.prototype = new MyObject();

obj2 = new MyObject2();

5). 析构问题
------
JavaScript中没有析构函敎ͼ�但却有“对象析构”的问题。也��是��_��管我们�?br />知道一个对象什么时候会被析构，也不能截获它的析构过�E��ƈ处理一些事务。然而，
在一些不多见的时候，我们会遇到“要求一个对象立��x��构”的问题�?br />
问题大多数的时候出现在对ActiveX Object的处理上。因为我们可能在JavaScript
里创��Z��一个ActiveX Object�Q�在做完一些处理之后，我们又需要再创徏一个。�?br />如果原来的对象供应�?Server)不允许创建多个实例，那么我们��需要在JavaScript
中确保先前的实例是已�l�被释放�q�了。接下来�Q�即使Server允许创徏多个实例�Q��?br />在多个实例间允许�׃�n数据(例如OS的授权，或者资源、文件的�?�Q�那么我们在�?br />实例中的操作��可能会出问题�?br />
可能�q�是有�h不明白我们在说什么，那么我就举一个例子：如果创徏一个Excel对象�Q?br />打开文�g�Q�，然后我们save它，然后关闭�q�个实例。然后我们再创徏Excel对象�q�打开
同一文�g。——注意这时JavaScript可能�q�没有来得及析构前一个对象。——这时我�?br />再想Save�q�个文�g�Q�就发现��p�|了。下面的代码�C�Z��q�种情况�Q?br />//---------------------------------------------------------
// JavaScript中的析构问题(ActiveX Object�C�Z��)
//---------------------------------------------------------

  创徏
  重写

在这个例子中�Q�在本地文�g操作时�ƈ不会出现异常。——最多只是有一些内存垃
圾而已。然而，如果strSaveLocation是一个远�E�的URL�Q�这时本地将会保存一�?br />文�g存取权限的凭证，而且同时只能一�?�q�程�?实例来开启该excel文��q�存
储。于是如果反复点�?重写"按钮�Q�就会出现异常�?br />
——注意，�q�是在SPS中操作共享文件时的一个实例的��化代码。因此，它�ƈ�?br />“学术的”无聊讨论，而且工程中的实际问题�?br />
解决�q�个问题的方法很复杂。它涉及��C��个问题：
  - 本地凭证的释�?br />  - ActiveX Object实例的释�?br />
下面我们先从JavaScript中对象的“失效”问题说赗��简单的��_��
  - 一个对象在其生存的上下文环境之外，即会失效�?br />  - 一个全局的对象在没有被执�?引用)的情况下�Q�即会失效�?br />
例如�Q?br />//---------------------------------------------------------
// JavaScript对象何时失效
//---------------------------------------------------------
function testObject() {
  var _obj1 = new Object();
}

function testObject2() {
  var _obj2 = new Object();
  return _obj2;
}

// �C�Z��1
testObject();

// �C�Z��2
testObject2()

// �C�Z��3
var obj3 = testObject2();
obj3 = null;

// �C�Z��4
var obj4 = testObject2();
var arr = [obj4];
obj3 = null;
arr = [];

在这四个�C�Z��中：
  - “示�?”在函数testObject()中构造了_obj1�Q�但是在函数退出时�Q?br />    它就已经��d��了函数的上下文环境，因此_obj1失效了；
  - “示�?”中�Q�testObject2()中也构造了一个对象_obj2�q�传出，�?br />    此对象有了“函数外”的上下文环�?和生存周�?�Q�然而由于函�?br />    的返回值没有被其它变量“持有”，因此_obj2也立卛_��效了�Q?br />  - “示�?”中�Q�testObject2()构造的_obj2被外部的变量obj3持用了，
    �q�时�Q�直到“obj3=null”这行代码生效时�Q�_obj2才会因�ؓ引用关系
    消失而失效�?br />  - 与示�?相同的原因，“示�?”中的_obj2会在“arr=[]”这行代�?br />    之后才会失效�?br />
但是�Q�对象的“失效”�ƈ不等会“释�䏀�。在JavaScript�q�行环境的内部，�?br />有�Q何方式来��切地告诉用户“对象什么时候会释放”。这依赖于JavaScript
的内存回收机制。——这�U�策略与.NET中的回收机制是类同的�?br />
在前面的Excel操作�C�Z��代码中，对象的所有者，也就�?EXCEL.EXE"�q�个�q�程
只能在“ActiveX Object实例的释�䏀�之后才会发生。而文件的锁，以及操作
�pȝ��的权限凭证是与进�E�相关的。因此如果对象仅是“失效”而不是“释�䏀�，
那么其它�q�程处理文�g和引用操作系�l�的权限凭据时就会出问题�?br />
——有些�h说这是JavaScript或者COM机制的BUG。其实不是，�q�是�Q�Ｓ、ﾃ�Q?br />和JavaScript之间的一�U�复杂关�p�L��D��的，而非独立的问题�?br />
Microsoft公开了解册��U�问题的�{�略�Q�主动调用内存回收过�E��?br />
�?微��Y�?JScript中提供了一个CollectGarbage()�q�程(通常��U�GC�q�程)�Q?br />GC�q�程用于清理当前IE中的“失效的对象�׃��”，也就是调用对象的析构�q�程�?br />
在上例中调用GC�q�程的代码是�Q?br />//---------------------------------------------------------
// 处理ActiveX Object�Ӟ��GC�q�程的标准调用方�?br />//---------------------------------------------------------
function writeXLS() {
  //(�?..)

  excel.Quit();
  excel = null;
  setTimeout(CollectGarbage, 1);
}

�W�一行代码调用excel.Quit()�Ҏ��来��得excel�q�程中止�q��出，�q�时�׃��JavaScript
环境执有excel对象实例�Q�因此excel�q�程�q�不实际中止�?br />
�W�二行代码��excel为null�Q�以清除对象引用�Q�从而��对象“失效”。然而由�?br />对象仍旧在函��C��下文环境中，因此如果直接调用GC�q�程�Q�对象仍然不会被清理�?br />
�W�三行代码��用setTimeout()来调用CollectGarbage函数�Q�时间间隔设�?1'�Q�只
是��得GC�q�程发生在writeXLS()函数执行完之后。这样excel对象��满��了“能�?br />GC清理”的两个条�g�Q�没有引用和��d��上下文环境�?br />
GC�q�程的��用，在��用了ActiveX Object的JS环境中很有效。一些潜在的ActiveX
Object包括XML、VML、OWC(Office Web Componet)、flash�Q�甚臛_��括在JS中的VBArray�?br />从这一�Ҏ��看，ajax架构�׃��采用了XMLHTTP�Q��ƈ且同时要满��“不切换��面”的
�Ҏ��，因此在适当的时候主动调用GC�q�程�Q�会得到更好的效率用UI体验�?br />
事实上，即��使用GC�q�程�Q�前面提到的excel问题仍然不会被完全解冟뀂因为IE�q?br />�~�存了权限凭据。�ə�늚�权限凭据被更新的唯一�Ҏ��Q�只能是“切换到新的��面”，
因此事实上在前面提到的那个SPS��目中，我采用的�Ҏ��q�不是GC�Q�而是下面�q�一
�D�代码：
//---------------------------------------------------------
// 处理ActiveX Object旉��用的��面切换代码
//---------------------------------------------------------
function writeXLS() {
  //(�?..)

  excel.Quit();
  excel = null;

  // 下面代码用于解决IE call Excel的一个BUG, MSDN中提供的�Ҏ��:
  //   setTimeout(CollectGarbage, 1);
  // �׃��不能清除(或同�?�|�页的受信�Q状�? 所以将��D��SaveAs()�{�方法在
  // 下次调用时无�?
  location.reload();
}

最后之最后，关于GC的一个补充说明：在IE�H�体被最��化�Ӟ��IE��会��d��调用一��?br />CollectGarbage()函数。这使得IE�H�口在最��化之后�Q�内存占用会有明显改善�?br />
八、JavaScript面向对象的支�?br />~~~~~~~~~~~~~~~~~~
(�l?

4. 实例和实例引�?br />--------
�?NET Framework对CTS(Common Type System)�U�定“一切都是对象”，�q�分为“值类型”和“引用类型”两�U�。其中“值类型”的对象在�{换成“引用类型”数据的�q�程中，需要进行一个“装��”和“拆��”的�q�程�?br />
在JavaScript也有同样的问题。我们看到的typeof关键字，�q�回以下六种数据�c�d��Q?br />"number"�?string"�?boolean"�?object"�?function" 和�?undefined"�?br />
我们也发现JavaScript的对象系�l�中�Q�有String、Number、Function、Boolean�q�四�U�对象构造器。那么，我们的问题是�Q�如果有一个数字A�Q�typeof(A)的结果，到底会是'number'呢，�q�是一个构造器指向function Number()的对象呢�Q?br />
//---------------------------------------------------------
// 关于JavaScript的类型的��试代码
//---------------------------------------------------------
function getTypeInfo(V) {
  return (typeof V == 'object' ?  'Object, construct by '+V.constructor
   : 'Value, type of '+typeof V);
}

var A1 = 100;
var A2 = new Number(100);

document.writeln('A1 is ', getTypeInfo(A1), '
');
document.writeln('A2 is ', getTypeInfo(A2), '
');
document.writeln([A1.constructor === A2.constructor, A2.constructor === Number]);

��试代码的执行结果如下：
-----------
A1 is Value, type of number
A2 is Object, construct by function Number() { [native code] }
true,true
-----------

我们注意刎ͼ�A1和A2的构造器都指向Number。这意味着通过constructor属性来识别对象�Q?有时)比typeof更加有效。因为“值类型数据”A1作�ؓ一个对象来看待�Ӟ��与A2有完全相同的�Ҏ��?br />
——除了与实例引用有关的问题�?br />
参考JScript手册�Q�我们对其它基础�c�d��和构造器做相同考察�Q�可以发玎ͼ�
  - 基础�c�d��中的undefined、number、boolean和string�Q�是“值类型”变�?br />  - 基础�c�d��中的array、function和object�Q�是“引用类型”变�?br />  - 使用new()�Ҏ��构造出对象�Q�是“引用类型”变�?br />
下面的代码说明“值类型”与“引用类型”之间的区别�Q?br />//---------------------------------------------------------
// 关于JavaScript�c�d��pȝ��中的�?引用问题
//---------------------------------------------------------
var str1 = 'abcdefgh', str2 = 'abcdefgh';
var obj1 = new String('abcdefgh'), obj2 = new String('abcdefgh');

document.writeln([str1==str2, str1===str2], '
');
document.writeln([obj1==obj2, obj1===obj2]);

��试代码的执行结果如下：
-----------
true, true
false, false
-----------

我们看到�Q�无论是�{��D��?==)�Q�还是全�{�运��?===)�Q�对“对象”和“值”的理解都是不一��L��?br />
更进一步的理解�q�种现象�Q�我们知道：
  - �q�算�l�果为值类型，或变量�ؓ值类型时�Q�等�?或全�{?比较可以得到预想�l�果
  - (即��包含相同的数据，)不同的对象实例之间是不等�?或全�{?�?br />  - 同一个对象的不同引用之间�Q�是�{��?==)且全�{?===)�?br />
但对于String�c�d��Q�有一点补充：�Ҏ��JScript的描�q�ͼ�两个字符串比较时�Q�只要有一个是值类型，则按值比较。这意味着在上面的例子中，代码“str1==obj1”会得到�l�果true。而全�{?===)�q�算需要检��变量类型的一致性，因此“str1===obj1”的�l�果�q�回false�?br />
JavaScript中的函数参数��L��传入值参�Q�引用类�?的实�?是作为指针��g��入的。因此函数可以随意重写入口变量，而不用担心外部变量被修改。但是，需要留意传入的引用�c�d��的变量，因�ؓ对它�Ҏ��调用和属性读写可能会影响到实例本�w�。——但�Q�也可以通过引用�c�d��的参数来传出数据�?br />
最后补充说明一下，值类型比较会逐字节检��对象实例中的数据，效率低但准确性高�Q�而引用类型只��实例指针和数据�c�d��Q�因此效率高而准��性低。如果你需要检��两个引用类型是否真的包含相同的数据�Q�可能你需要尝试把它�{换成“字�W�串值”再来比较�?br />
6. 函数的上下文环境
--------
只要写过代码�Q�你应该知道变量是有“全局变量”和“局部变量”之分的。绝大多数的
JavaScript�E�序员也知道下面�q�些概念�Q?br />//---------------------------------------------------------
// JavaScript中的全局变量与局部变�?br />//---------------------------------------------------------
var v1 = '全局变量-1';
v2 = '全局变量-2';

function foo() {
  v3 = '全局变量-3';

  var v4 = '只有在函数内部�ƈ使用var定义的，才是局部变�?;
}

按照通常对语�a�的理解来��_��不同的代码调用函敎ͼ�都会拥有一套独立的局部变量�?br />因此下面�q�段代码很容易理解：
//---------------------------------------------------------
// JavaScript的局部变�?br />//---------------------------------------------------------
function MyObject() {
  var o = new Object;

  this.getValue = function() {
    return o;
  }
}

var obj1 = new MyObject();
var obj2 = new MyObject();
document.writeln(obj1.getValue() == obj2.getValue());

�l�果昄��false�Q�表明不�?实例的方�?调用�q�回的局部变量“obj1/obj2”是不相同�?br />
变量的局部、全局�Ҏ��与OOP的封装性中的“私�?private)”、“公开(public)”具有类同性。因此绝大多数资料��L��以下面的方式来说明JavaScript的面向对象系�l�中的“封装权限��别”问题：
//---------------------------------------------------------
// JavaScript中OOP��装�?br />//---------------------------------------------------------
function MyObject() {
  // 1. �U�有成员和方�?br />  var private_prop = 0;
  var private_method_1 = function() {
    // ...
    return 1
  }
  function private_method_2() {
    // ...
    return 1
  }

  // 2. �Ҏ��Ҏ��
  this.privileged_method = function () {
    private_prop++;
    return private_prop + private_method_1() + private_method_2();
  }

  // 3. 公开成员和方�?br />  this.public_prop_1 = '';
  this.public_method_1 = function () {
    // ...
  }
}

// 4. 公开成员和方�?2)
MyObject.prototype.public_prop_1 = '';
MyObject.prototype.public_method_1 = function () {
  // ...
}

var obj1 = new MyObject();
var obj2 = new MyObject();

document.writeln(obj1.privileged_method(), '
');
document.writeln(obj2.privileged_method());

在这里，“私�?private)”表明只有在(构�?函数内部可访问，而“特�?privileged)”是�Ҏ��一�U�存取“私有域”的“公开(public)”方法。“公开(public)”表明在(构�?函数外可以调用和存取�?br />
除了上述的封装权限之外，一些文��还介绍了其它两�U�相关的概念�Q?br />  - 原型属性：Classname.prototype.propertyName = someValue
  - (�c?静态属性：Classname.propertyName = someValue

然而，从面向对象的角度上来�Ԍ��上面�q�些概念都很难自圆其��_��JavaScript�I�竟是�ؓ何、以及如何划分出�q�些��装权限和概忉|��的呢�Q?br />
——因为我们必��L��意到下面�q�个例子所带来的问题：
//---------------------------------------------------------
// JavaScript中的局部变�?br />//---------------------------------------------------------
function MyFoo() {
  var i;

  MyFoo.setValue = function (v) {
     i = v;
  }
  MyFoo.getValue = function () {
     return i;
  }
}
MyFoo();

var obj1 = new Object();
var obj2 = new Object();

// ��试一
MyFoo.setValue.call(obj1, 'obj1');
document.writeln(MyFoo.getValue.call(obj1), '
');

// ��试�?br />MyFoo.setValue.call(obj2, 'obj2');
document.writeln(MyFoo.getValue.call(obj2));
document.writeln(MyFoo.getValue.call(obj1));
document.writeln(MyFoo.getValue());

在这个测试代码中�Q�obj1/obj2都是Object()实例。我们��用function.call()的方式来调用setValue/getValue�Q��得在MyFoo()调用的过�E�中替换this为obj1/obj2实例�?br />
然而我们发现“测试二”完成之后，obj2、obj1以及function MyFoo()所持有的局部变量都�q�回了“obj2”。——这表明三个函数使用了同一个局部变量�?br />
由此可见�Q�JavaScript在处理局部变量时�Q�对“普通函数”与“构造器”是分别对待的。这�U�处理策略在一些JavaScript相关的资料中被解释作“面向对象中的私有域”问题。而事实上�Q�我更愿意从源代码一�U�来告诉你真相：�q�是对象的上下文环境的问题。——只不过从表面看去，“上下文环境”的问题被�{嫁到对象的封装性问题上了�?br />
(在阅��M��面的文字之前�Q?先做一个概忉|��的说明�Q?br />  - 在普通函��C��Q�上下文环境被window对象所持有
　- 在“构造器和对象方法”中�Q�上下文环境被对象实例所持有

在JavaScript的实��C��码中�Q�每�ơ创��Z��个对象，解释器将为对象创��Z��个上下文环境链，用于存放对象在进入“构造器和对象方法”时对function()内部数据的一个备份。JavaScript保证�q�个对象在以后再�q�入“构造器和对象方法”内部时�Q��L��持有该上下文环境�Q�和一个与之相关的this对象。由于对象可能有多个�Ҏ��Q�且每个�Ҏ��可能又存在多层嵌套函敎ͼ�因此�q�事实上构成了一个上下文环境的树型链表结构。而在构造器和对象方法之外，JavaScript不提供�Q何访�?该构造器和对象方法的)上下文环境的�Ҏ��?br />
��而言之：
  - 上下文环境与对象实例调用“构造器和对象方法”时相关�Q�而与(普�?函数无关
  - 上下文环境记录一个对象在“构造函数和对象�Ҏ��”内部的�U�有数据
  - 上下文环境采用链式结构，以记录多层的嵌套函数中的上下�?br />
�׃��上下文环境只与构造函数及其内部的嵌套函数有关�Q�重新阅��d��面的代码�Q?br />//---------------------------------------------------------
// JavaScript中的局部变�?br />//---------------------------------------------------------
function MyFoo() {
  var i;

  MyFoo.setValue = function (v) {
     i = v;
  }
  MyFoo.getValue = function () {
     return i;
  }
}
MyFoo();

var obj1 = new Object();
MyFoo.setValue.call(obj1, 'obj1');

我们发现setValue()的确可以讉K��C��于MyFoo()函数内部的“局部变量i”，但是�׃��setValue()�Ҏ��的执有者是MyFoo对象(��C��函数也是对象)�Q�因此MyFoo对象拥有MyFoo()函数的唯一一份“上下文环境”�?br />
接下来MyFoo.setValue.call()调用虽然为setValue()传入了新的this对象�Q�但实际上拥有“上下文环境”的仍旧是MyFoo对象。因此我们看到无论创建多��个obj1/obj2�Q�最�l�操作的都是同一个私有变量i�?br />
全局函数/变量的“上下文环境”持有者�ؓwindow�Q�因此下面的代码说明了“�ؓ什么全局变量能被��L��的对象和函数讉K��”：
//---------------------------------------------------------
// 全局函数的上下文
//---------------------------------------------------------
/*
function Window() {
*/
  var global_i = 0;
  var global_j = 1;

  function foo_0() {
  }

  function foo_1() {
  }
/*
}

window = new Window();
*/

因此我们可以看到foo_0()与foo_1()能同时访问global_i和global_j。接下来的推论是�Q�上下文环境军_��了变量的“全局”与“私有”。而不是反�q�来通过变量的私有与全局来讨��Z��下文环境问题�?br />
更进一步的推论是：JavaScript中的全局变量与函敎ͼ�本质上是window对象的私有变量与�Ҏ��。而这个上下文环境块，位于所�?window对象内部�?对象实例的上下文环境链表的顶端，因此都可能访问到�?br />
用“上下文环境”的理论�Q�你可以��利地解释在本小节中�Q�有兛_��量的“全局�Q�局部”作用域的问题，以及有关对象�Ҏ��的封装权限问题。事实上�Q�在实现JavaScript的C源代码中�Q�这个“上下文环境”被叫做“JSContext”，�q�作为函敎ͼ��Ҏ��的第一个参��C��入。——如果你有兴��，你可以从源代码中证实本小节所�q�的理论�?br />
另外�Q�《JavaScript权威指南》这本书中第4.7节也讲述了这个问题，但被叫做“变量的作用域”。然而重要的是，�q�本书把问题讲反了。——作者试囄��“全局、局部的作用域”，来解释��生这�U�现象的“上下文环境”的问题。因此这个小节显得凌��p��且难以自圆其说�?br />
不过�?.6.3��节�Q�作者也提到了执行环�?execution context)的问题，�q�就与我们这里说的“上下文环境”是一致的了。然而更�ȝ��的是�Q�作者又��读者引错了�Ҏ��Q�试囄��函数的上下文环境去解释DOM和ScriptEngine中的问题�?br />
但这本书在“上下文环境链表”的查询方式上的讲述�Q�是正确的而合理的。只是把�q�个叫成“作用域”有点不对，或者不妥。�?br />

曄�� 2006-11-08 17:07 发表评论