亚洲AV无码之国产精品,亚洲精品国产精品乱码不卞,亚洲国产精品线在线观看

[转] JavaScript 2 已经��定发布日期

BaSaRa — Thu, 15 Jun 2006 00:53:00 GMT

ECMAScript Edition 4在经历了多年停顿后终于重上轨道。在最�q�的Brendan Eich的演讲中�Q�已提出ES4的Deadline��是2007�q�第一季度。他�q�预��，JS2��在4�q�里取代JS1�?br />　　�Ҏ��Brendan Eich的演讲稿�Q�FireFox的未来版本将逐步加入以ECMAScript Edtion 4��本的JavaScript 2的支持，�?007�q�第二季度，FireFox 3��包含基本完整的JavaScript 2�?br />
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=753266

BaSaRa 2006-06-15 08:53 发表评论

[引用] 寚w��包的理解

BaSaRa — Tue, 13 Jun 2006 03:13:00 GMT

今天在群里面瞎谈�Q�就谈到“闭包”上来了，何种语言支持闭包�Q�自己g下吧�Q�其中JavaScript是支持闭包概�늚�一�U�语�a�/脚本(?)。以下是我对他的见解(以javascript举例)�?br />
先了解下在一个对象内如何声明变量�Q�一下以Test对象��Z��Q?br />Public变量�Q?br />

function Test()
{
this.x = 1;
}

或�?

Test.prototype.x = 1;

公共变量��而言之，外界对象可以对公共变量访问，�q�且公共变量可以在对象的构造函��C��声明外，�q�可以在对象的prototype成员中声明。换句话��_��你可以在��M��时候添加公共变量（利用prototype�Q�。prototype是一个特别的成员变量�Q�js��是利用�q�个成员变量的特性来实现�l�承的。当一个成员被��索且没有在对象中发现的时候，那么它就会从对象构造器的prototype成员中获取他。如果要从外界调用这个对象的�Ҏ��Q�或者是通过�q�个�Ҏ��操作�q�个对象里面的所有成员，你可以通过prototype加入�Q?br />

Test.prototype.Plus = function () {}

Private变量�Q?

function Test()
{
    var self = this;

    var x = 1;

    function Plus1() {}

    var pPlus = function Plus2() {}
}

�U�有的变量只能由成员的私有方法或者是�Ҏ��Ҏ��Q�Privileged�Q�下面讲刎ͼ�讉K��Q�需要注意的是，上面的Plus1()�q�个�Ҏ��和pPlus()�q�个�Ҏ��是一��L��Q�只是声明的方式不通而已�Q�他们都是私有方法，他和�Ҏ��变量的声明方法很�怼��Q�只是少了个this多了个var�Q�但是他们是不同的，应该特别注意。另外一�Ҏ��Q�私有变量是在无法被外界讉K��的同�Ӟ��他也不能由对象的公共�Ҏ��讉K��。私有方法只是在构造函数内的内部方法。私有变量只能在构造函��C��声明�?br />
Privileged变量�Q?br />

function Test()
{
this.pPlus = function () {}
}

什么叫Privileged�Q�特权）变量呢？�Ҏ��Ҏ��可以讉K��U�有�Ҏ��和私有变量，同时他对外界是可见的。你可以重新声明�q�个�U�有�Ҏ��或者是删除他（重新对这个特权方法赋��|��null��D��C�删除）�Q�但是不能改变他。特权变量也只能在构造函��C��声明�?br />
好了�Q�对象声明介�l�到�q�里�Q�这些声明模式都是由js的closure�Q�闭包）�Ҏ��所支持的，下面介绍闭包�?br />
在一个闭包内�Q�你可以暂且(?)理解成在构造函数内�Q�内部函数��L��可以讉K��函数外部的变量和参数的。就��在内部函数return后，闭包内的所有变量都会被保存��h��Q�就好像一个上下文一栗��下面我以一个例子说明这个问题，例子来源在群内，由YOK提供�Q�例子已�l�被修改�Q�只是用来简单说明问题）�?br />
说明�Q�按test按钮输出相加的��|��期望��gؓ3�?

<html>
    <body>
        <input type="button" id="test" value="test" />
        <script>
function Test (x, y)
{
    var x = x;
    var y = y;
}
Test.prototype.add = function ()
{
    alert(this.x + this.y);
}

var t = new Test(1, 2);
document.getElementById('test').onclick = t.add;
        script>
    body>
html>

�q�行例子�Q�但是输�?quot;NaN"。这是什么问题呢�Q�我最初调试的时候，以�ؓ是this的问题，我原本理解成在add�Ҏ��中this是指向test按钮�Q�其实this指向window对象�Q�，而他不包含x和y的两个变量，所以输出错误。首先，�q�个理解是正��的�Q�但是你要如何修�Ҏ��能获取正��的�l�果呢。我们已�l�知道，在Test构造函��C��Q�我们声明的x�Q�y是两个私有变量，你不可能在外部访问到�Q�所以必��d��觅他路。我们利用特权变量来解决�?

<html>
    <body>
        <input type="button" id="test" value="test" NAME="test"/>
        <script>
function Test (x, y)
{
    var x = x;
    var y = y;

    this.add = function ()    // �Ҏ��变量�Q�可以访问私有变量，又对外公开
    {
        alert(x + y);
    }
}

var t = new Test(1, 2);
document.getElementById('test').onclick = t.add;
        script>
    body>
html>

上面呈现的是闭包的其中一个特性，下面用来说他的另外一个特性�?

<html>
    <body>
        <input type="button" id="test" value="test" NAME="test"/>
        <script>
function Test ()
{
    var z = 1;

    this.add = function ()
    {
        alert(z++);
    }
}

var t = new Test();
document.getElementById('test').onclick = t.add;
        script>
    body>
html>

每次输出�Q�值都会增�?�Q�说明闭包内上下文就��add�Ҏ��return后都会被保存�?br />
最后说下怎么动态替换行为（�q�里是按钮click的行为）�?br />

<html>
    <body>
        <input type="button" id="test" value="test" NAME="test"/>
        <script>
function Test ()
{
    var z = 1;
    var self = this;
    var pBtn = null;

    this.selfSubtract = function ()
    {
        z--;z--;
        alert(z);
        pBtn.onclick = self.selfPlus;
    }

    this.selfPlus = function ()
    {
        z++;
        alert(z);
        pBtn.onclick = self.selfSubtract;
    }

    this.getFunction = function (btn)
    {
        pBtn = btn;
        return self.selfSubtract;
    }
}

var t = new Test();
var btn = document.getElementById('test');
btn.onclick = t.getFunction(btn);
        script>
    body>
html>

以上是我对他的一点见解，closure是js的一个特性而已�Q�我们可以利用这个特性��设计更灵�z�，其他语言�Q�我google到的好像叫Lua�Q�不知道他是什么，他也支持。由于对js了解不深�Q�请高手斧正��，enjoy it~~~ :)

BaSaRa 2006-06-13 11:13 发表评论

兼容IE和Firefox的数据岛�Ҏ��

BaSaRa — Fri, 09 Jun 2006 07:53:00 GMT

看我们老大的代码，不错�Q�特地奉献出�?br />
首先�Q�HTML��面�Q?br />

XML Order Database

其次�Q�一个XML数据源：

9900234

  1234
  5.95
  100
  595.00
  Super Widget Clamp

  6234
  22.00
  10
  220.00
  Mighty Foobar Flange

  9982
  2.50
  1000
  2500.00
  Deluxe Doohickie

  3256
  389.00
  1
  389.00
  Muckalucket Bucket

1111
3704.00
07/07/2002
8876

引用�q�个JS�Q?br />try{
var i = -1;
var orderDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");
orderDoc.load("order.xml");
var items = orderDoc.selectNodes("/Order/Item");
}catch(e){}

function getNode(doc, xpath) {
varretval = "";
var value = doc.selectSingleNode(xpath);
if (value) retval = value.text;
return retval;
}

function getDataNext() {
i++;
if (i > items.length - 1) i = 0;

document.forms[0].SKU.value = getNode(orderDoc, "/Order/Item[" + i + "]/SKU");
document.forms[0].Price.value = getNode(orderDoc, "/Order/Item[" + i + "]/PricePer");
document.forms[0].Quantity.value = getNode(orderDoc, "/Order/Item[" + i + "]/Quantity");
document.forms[0].Total.value = getNode(orderDoc,"/Order/Item[" + i + "]/Subtotal");
document.forms[0].Description.value = getNode(orderDoc, "/Order/Item[" + i + "]/Description");
}

function getDataPrev() {
i--;
if (i < 0) i = items.length - 1;

document.forms[0].SKU.value = getNode(orderDoc, "/Order/Item[" + i + "]/SKU");
document.forms[0].Price.value = getNode(orderDoc,"/Order/Item[" + i + "]/PricePer");
document.forms[0].Quantity.value = getNode(orderDoc, "/Order/Item[" + i + "]/Quantity");
document.forms[0].Total.value = getNode(orderDoc,"/Order/Item["+ i + "]/Subtotal");
document.forms[0].Description.value = getNode(orderDoc, "/Order/Item[" + i + "]/Description");
}

window.onload = function() {
getDataNext();
}

好了�Q�运行看看，和IE的数据岛功能一�?/font>

BaSaRa 2006-06-09 15:53 发表评论

BaSaRa — Fri, 09 Jun 2006 07:42:00 GMT

　　JavaScript, 亦称�?Mocha 、LiveScript�Q�也叫做 JScript ECMAScript �Q�是世界上流行的�~�程语言之一。事实上世界上差不多每台个�h电脑都至��安装了一个JavaScript解释器。JavaScript的流行完全在于它作�ؓWWW的脚本语�a�的角艌Ӏ?

　　不管它有多么��行�Q�极��有��Z��解JavaScript是一个十分动态的通用面向对象�~�程语言。这怎能成�ؓ一个秘密呢�Q��ؓ什么这个语�a�如此被误解？

关于名字

　　�q�个Java-前缀暗示了JavaScript和Java的关�p�，也就是JavaScipt是Java的一个子集也��是不如Java强大。看上去�q�个名称��故意制造�؜乱，然后随之而来的是误解。JavaScript�q�不是解释型的Java语言。Java是解释型的Java�Q�JavaScript是另一�U�语�a��?

　　JavaScript和Java的语法很�怼��Q�就象Java和C的语法相��g��栗��但它也不是Java的子集就像Java也不是C的子集一栗��在应用上，Java要远比原先设想的好得多（Java原称Oak�Q��?

　　JavaScript�q�不是由Sun公司──Java的老家──开发的。JavaScript是由Netscape公司开发。它本来叫做LiveScript�Q�这个名字倒�ƈ不是那样�Ҏ��h��?

　　�q�个-Script 后缀暗示了它��g��不是一个完整的�~�程语言──大多��C�h以�ؓ脚本语言��׃��真正的�~�程语言。但其实�q�是一个专长的问题。相对C而言�Q�JavaScript牺牲了性能但带来更强的表达力和动态性�?/p>

披着C外衣的Lisp

　　JavaScript的C风格的语法，包括大括号和复杂的for 语句�Q�让它看��h��好象是一个普通的�q�程式语�a�。这是一个误��|��而事实上JavaScript和函数式语言如Lisp和Scheme有更多的共同之处。它用数�l�代替了列表�Q�用对象代替了属性列表，而且函数是第一型的�Q�同时还有闭包。你不需要Lisp那些括号��可以用lambda��子�?

思维定势

　　JavaScript是原本只是被设计在Netscape Navigator 中运行的。Netscape的成功让JavaScript成�ؓ几乎所有浏览器的标准配�|�。这��D��了对JavaScript的思维定势。JavaScript��直就是程序语�a�中的George Reeves �Q�一位曾扮演��h的演员，但后来死于枪杀�Q�被官方认�ؓ自杀�Q�细节不详──译注�Q�。而事实上�Q�JavaScript也适合很多和Web无关的应用程序�?

不断改变的目�?/strong>

　　JavaScript的第一个版本功能十分弱。它�~�少异常处理、内部函数和�l�承。而它的现在的形态，它已�l�是一套完整的面向对象语言。但很多看法都是认�ؓ它的形式�q�不成熟�?

　　��理�q�个语言的ECMA委员正在开发扩展，原意是很好，而这样做却会加剧�q�个语言本来��最严重的问题：版本太多了。这也造成了很多�؜乱�?

设计错误

　　没有什么编�E�语�a�是完��的�Q�JavaScript当然也有它的设计上的错误�Q�如+的重载同时表�C�加和带�c�d��自动转换的串�q�接�Q�和有错误們֐��?with 语句——应该避免使用。Javascript的保留字�{�略�q�于严格。引入分号也是一个很大的错误�Q�正则表辑ּ�的记号也是。这些错误会很容易导致编�E�错误，�q�导致语�a�的设计的全局层面上的问题。幸�q�的是，�q�些问题可以用一个很好的lint�E�序来避免�?

�q�个语言的设计从整体上看�q�是十分健全的。但很��o人惊讶的是， ECMAScript委员会好象根本不想修正这些错误。也�总�们对重新设计一个更感兴��?

肮脏的实�?/font>

JavaScript的早期实现错误百出。这对该语言带来了很恶劣的媄响。更�p�糕的是�Q�这些实现还被嵌入的更错误百出的��览器中�?/p>

拙劣的书�c?/strong>

　　几乎所有的书籍都十分恐怖。里面到处是错误、蹩脚的例子�q�自创一套拙劣的惯例。语�a�中重要的�Ҏ��却常常解释不好�Q�或者干脆完全不写。我��阅了几十本JavaScript的书�Q�我只推荐两本：JavaScript: The Definitive Guide (4th Edition) by David Flanagan and Dynamic HTML (2nd Edition) by Danny Goodman. 都来自于 O'Reilly.

不够标准的标�?/strong>

　　该语�a�的官�Ҏ��准规��D��明书由ECMA发布。但该规��g��也是质量奇差。它难以阅读也难以理解。它也对拙劣书籍的问题作��Z��自己的一�?ldquo;贡献”�Q�因��Z��者无法��用这个标准文档来增加他们对语�a�的认识。ECMA和TC39委员会应该�ؓ此感到深��q��愧�?

业余爱好�?/strong>

大部分写JavaScript的�h都不是程序员。他们缺乏训�l�写好程序的修养。JavaScript有如此丰富的表达能力�Q�他们可以�Q意用它来写代码，以�Q何�Ş式。这�l�JavaScript带来了一个名声──它是专门为外行设计的�Q�不适合专业的程序员。这昄��不是事实�?

面向对象

　　JavaScript是不是面向对象的�Q�它拥有对象�Q�可以包含数据和处理数据的方法。对象可以包含其它对象。它没有�c�，但它却有构造器可以做类能做的事�Q�包括扮演类变量和方法的容器的角艌Ӏ�它没有��Z��cȝ��l�承�Q�但它有��Z��原型的��ѝ�?

　　两个建立对象�pȝ��的方法是通过�l�承�Q�是一�?hellip;…�Q�和通过聚合�Q�有一�?hellip;…�Q�。JavaScript两个都有�Q�但它的动态性质让它可以在聚合上��越�?

　　一些批评说JavaScript不是真正面向对象的因为它不能提供信息的隐藏。也��是�Q�对象不能有�U�有变量和私有方法：所有的成员都是公共的�?

　　但又有证明了JavaScript对象可以拥有�U�有变量和私有方法。当�Ӟ��极少有�h认识刎ͼ�因�ؓJavaScript是世界是最受误解的�E�序嘛！

　　另外�q�有批评说JavaScript不能提供�l�承�Q�这里证明了JavaScript不仅能支持传�l�的�l�承�q�能应用其它的代码复用模式�?

作者：Douglas Crockford
��译�Q?font face="Nimbus Roman No9 L, serif">ShiningRay

BaSaRa 2006-06-09 15:42 发表评论

BaSaRa — Fri, 09 Jun 2006 01:20:00 GMT

//Facade模式实例
var net=new Object();
net.READY_STATE_UNINITIALIZED=0;
net.READY_STATE_LOADING=1;
net.READY_STATE_LOADED=2;
net.READY_STATE_INTERACTIVE=3;
net.READY_STATE_COMPLETE=4;
net.ContentLoader=function(url,onload,onerror){
this.url=url;
this.req=null;
this.onload=onload;
this.onerror=(onerror) ? onerror : this.defaultError;
this.loadXMLDoc(url);
net.ContentLoader.prototype={
loadXMLDoc:function(url){
    if (window.XMLHttpRequest){
      this.req=new XMLHttpRequest();
    } else if (window.ActiveXObject){
      this.req=new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (this.req){
      try{
        var loader=this;
        this.req.onreadystatechange=function(){
        loader.onReadyState.call(loader);
      }
      this.req.open('GET',url,true);
      this.req.send(null);
      }catch (err){
        this.onerror.call(this);
      }
    }
},
onReadyState:function(){
    var req=this.req;
    var ready=req.readyState;
    if (ready==net.READY_STATE_COMPLETE){
      var httpStatus=req.status;
      if (httpStatus==200 || httpStatus==0){
        this.onload.call(this);
      }else{
        this.onerror.call(this);
      }
    }
},
defaultError:function(){
    alert("error fetching data!"
      +"\n\nreadyState:"+this.req.readyState
      +"\nstatus: "+this.req.status
      +"\nheaders: "+this.req.getAllResponseHeaders());
}
}

//Adapter模式实例
var xhr = new XMLHttpRequest();
xhr.open("GET", "myData.xml");
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
    alert(xhr.responseXML);
}
}
xhr.send(null);

//Observer模式实例
window.onloadListeners=new Array();
window.addOnLoadListener(listener){
window.onloadListeners[window.onloadListeners.length]=listener;
}

window.onload=function(){
for(var i=0;i    var func=window.onlloadListeners[i];
    func.call();
}
}

//Singleton模式实例
var SingletonObj = {
property1: value1,
property2: value2,
...
method1:function(){
    ...
}
method2:function(){
    ...
}
...
}

function getSingletonObj() {
if(!top.SingletonObj) {
    var top.SingletonObj = {
      ...
    }
    top.SingletonObj.init(...);
}
return top.SingletonObj;
}

//Command模式实例
function buttonOnclickHandler(event){
var data=calculate();
showData(dataTable,data);
}
function ajaxOnloadHandler(){
var data=calculate();
showData(otherDataTable,data);
}
function calculate(){
var data=new Array();
data[0]=6;
data[1]=data[0]/3;
data[2]=data[0]*data[1]+7;
return data;
}
function showData(table,data){
var newRow=createTableRow(table);
for (var i=0;i    createTableCell(newRow,data[i]);
}
}
buttonDiv.onclick=buttonOnclickHandler;
poller.onload=ajaxOnloadHandler;

//MVC应用实例
function Button(value,domEl){
this.domEl=domEl;
this.value=value;
this.domEl.buttonObj=this;
this.domEl.onclick=this.clickHandler;
}

Button.prototype.clickHandler=function(){
var buttonObj=this.buttonObj;
var value=(buttonObj && buttonObj.value) ?
    buttonObj.value : "unknown value";
alert(value);
}

BaSaRa 2006-06-09 09:20 发表评论

BaSaRa — Thu, 08 Jun 2006 08:09:00 GMT

一个JSON�Q?br />var infos = {
"user" : {
  "id"  : "001",
  "data" : [
   {"id":"loginName", "value":"yiyi"},
   {"id":"name", "value":"��翼"},
   {"id":"sex", "value":"�?},
   {"id":"age", "value":"22"},
  ]
}
}

function parse(v, partion) {
var splits = partion.split(".");
var tmp = v;
for(var i=0;i  tmp = tmp[splits[i]];
}
alert(tmp);
}

parse(infos, "user.data");

BaSaRa 2006-06-08 16:09 发表评论

BaSaRa — Fri, 02 Jun 2006 07:59:00 GMT

1.普通绑�?br />dojo.event.connect(DOMNode, 'onclick', 'func');

2.�l�定多个事�g
dojo.event.connect(DOMNode, 'onclick', 'func1');
dojo.event.connect(DOMNode, 'onclick', 'func2');

3.�l�定一个obj的两个方�?br />dojo.event.connect(DOMNode, 'onclick', evtObj, 'func1');
dojo.event.connect(DOMNode, 'onclick', evtObj, 'func2');

4.让绑定的事�g��序执行
var exampleObj = {
  counter: 0,
  foo: function(){
    alert("foo");
    this.counter++;
  },
  bar: function(){
    alert("bar");
    this.counter++;
  }
};
dojo.event.connect(exampleObj, "foo", exampleObj, "bar"); // 调用foo的话bar也会执行
�q�样也可�?br />dojo.event.kwConnect({
type : 'before' // 让bar在foo之前执行
srcObj : exampleObj,
srcFunc : 'foo',
targetObj : exampleObj,
targetFunc : 'bar',
delay : 2000 // bar延迟执行2�U?br /> once : true // �l�定一��?br />});
exampleObj.foo();

5.先后执行
dojo.event.connect("after", exampleObj, "foo", exampleObj, "bar"); // bar在foo之后执行
dojo.event.connect("before", exampleObj, "foo", exampleObj, "bar"); // bar在foo之前执行

6.传递参�?br />var evtObj = function() {
this.func1 = function(a) {
  return(function(e) {
   alert((e||window.event).type);
  })
};
this.func2 = function(b) {
  alert(b);
};
}

var o = new evtObj();
var btn = dojo.byId("testBtn");
dojo.event.connect(btn, 'onclick', o.func1('hello'));

以前一般这样写�Q?br />function init() {
var evtObj = function() {
this.func1 = function(a) {
  alert(a.type);
};
this.func2 = function(b) {
  alert(b);
};
}

var o = new evtObj();
var btn = dojo.byId("testBtn");
dojo.event.connect(btn, 'onclick', function(event){o.func1(event)});
�q�样的话你在�W�三个参数就要传递event�Q�很�ȝ��

BaSaRa 2006-06-02 15:59 发表评论

BaSaRa — Thu, 01 Jun 2006 06:18:00 GMT

I am tooltip

总觉得方法A和方法B都存在泄露隐患。。�?/p>

BaSaRa 2006-06-01 14:18 发表评论

SKU
Price
Quantity
Total
Description

亚洲AV无码之国产精品,亚洲精品国产精品乱码不卞,亚洲国产精品线在线观看

[转] JavaScript 2 已经���定发布日期

[引用] 寚w��包的理解

兼容IE和Firefox的数据岛�Ҏ��

XML Order Database

[转] JavaScript 2 已经��定发布日期