“prototype”的意思、由来-中文百科全书

游戏《Prototype》

基本信息

中文名称：虐杀原形英文名称：Prototype

游戏制作：Radical Ent.

游戏发行：Activision

游戏类型：Sci-FiAction Adventure

发售日期：2009年6月9日

游戏平台：PC

游戏介绍

Radical的开放式动作冒险游戏《虐杀原形》被Activision视为具有潜力的作品而得以保留下来，游戏将于6月9日在北美上市，6月5日在欧洲上市，平台为X360、PS3和PC。

在Radical开发的这款科幻游戏中，玩家将扮演一位基因突变的变身人，伴随着破坏穿梭在曼哈顿城中。一路上，玩家们不但要弄清自己身份以及超能力背后隐藏的秘密，还要与军队和各种变异敌人战斗。

虽然本作在2007年7月就公开了，但Activision直到2009年2月才开始提供试玩。游戏还借鉴了时下流行的跑酷运动，主人公可以利用超能力在纽约城的高楼大厦间自由驰骋。

游戏的主角Alex Mercer（艾力克斯墨瑟）因被自己带出来的病毒感染，从停尸间醒来之后发现完全不知道之前做了些什么，然而突变的同时也获得了超乎常人的强大能力。当主角杀死路人或敌人时便可以吸收他们的记忆、能力，甚至能变成他们的样子。随着吸收被杀死敌人以及路人的数量不断增加，主人公Mercer的能力也会随之逐渐增强。最终将能够学会诸如将自己的身体变化成武器攻击或是硬化身体表面皮肤以抵御敌人进攻等神奇的能力。

配置要求

基本配置：

操作系统：Windows XP /windows Vista /windows7

CPU：Intel Core 2 Duo 1.86 GHz 或AMD Athlon 64 X2 4000+以上等级处理器。

内存：1 GB 以上（Vista 需2GB 以上）

硬盘空间：8 GB 以上，以确保游戏正常进行

光驱：DVD-ROM

显卡：256MB显存，GeForce 7800/Radeon X1800 系列或更好。

显示器：800×600分辨率或更高

推荐配置：

操作系统：Windows XP /windows Vista /windows7

处理器：Core 2 Quad/Phenom X4系列或更好

内存：XP 2GB或更多；Vista 3GB或更多

硬盘：8GB或更多可用空间

光驱：DVD-ROM

显卡：512MB显存，GeForce 9800/Radeon HD 4800系列或更好

声卡：DX9.0c兼容

显示器：1280×720分辨率或更高(推荐分辨率1440×9004AA)

小说

Fate-Prototype

音乐

《Prototype》为高达00第二季第一首结尾曲（ED）由石川智晶主唱

Prototype

TV アニメ「机动戦士ガンダム00 セカンドシーズン」ED

作词/作曲：石川智晶

编曲：西田マサラ

歌：石川智晶纯真さがシンプルな力に変わる时当纯真变成简洁的力量之时

世界に影をつくりだす世界上开始出现了阴影

ガラスケースに横たわる横躺在玻璃柜

光の存在に触れたくても就算想触摸光亮的存在

振り上げた手　降ろせなくて紧握住的双手　却无法捉取

落ちるようにしゃがみこんだ如同坠毁一般的悄然静默

Prototype boy　明日の理想だけで Prototype boy　只有未来的理想

语り継ぐような美谈にもならないけど无法成为流传久远的佳话

この体を失いそうなギリギリの场所が但即将失去生命的紧张时刻

哀しいくらい似合ってる却相似到如此令人哀伤

嘘みたいな静けさは虚幻一样的寂静

わずかな绽びが弾ける前触れのようだ像细小的破绽将要绷紧的前兆

过剰なまでの眼差しが太过丰富的视线

膝の震えさえ逃がそうとしない连膝盖也颤抖的无力逃离

この両手を挑発する也挑拨著这双手

ありふれた伪善さえも就算是随处可见的伪善

Prototype boy 心夺われてく Prototype boy　心被夺去

暧昧なジャブを缲り返す歯痒さで以这样焦急的重复著暧昧的攻击

この领域に浮かび上がる残骸が在这个领域中浮现的残骸上

生きた分身に见え始めた突然看得见那苏醒的分身

それでも　I shelter you 就算这样　我爱你

焦燥と放心の反动焦躁与安心的抗衡

绝えず私心が揺らいでる无法断绝的自我中心正动摇著

今更の感伤ならかぶり振るけれど目前为止的感伤好像是如此的震撼

使い舍てられる试作品随手便被抛弃的试用品

生きるのは自分だろうか？存活著的是真正的自己吗？

今は考えない··考えない·· 现在已无法思考…无法思考…

Prototype boy 明日の理想だけで Prototype boy　只有未来的理想

语り継ぐような美谈にもならないけど无法成为流传久远的佳话

この体を失いそうなギリギリの场所が但即将失去生命的紧张时刻

哀しいくらい似合ってる却相似到如此令人哀伤

Prototype boy 心夺われてく Prototype boy　心被夺去

暧昧なジャブを缲り返す歯痒さで以这样焦急的重复著暧昧的攻击

この领域に浮かび上がる残骸が在这个领域中浮现的残骸上

生きた分身に见え始めた突然看得见那苏醒的分身

それでも　I shelter you 就算这样　我爱你

prototype（原型）

简介

在JavaScript中，prototype对象是实现面向对象的一个重要机制。

每个函数就是一个对象（Function），函数对象都有一个子对象 prototype对象，类是以函数的形式来定义的。prototype表示该函数的原型，也表示一个类的成员的集合。

在通过new创建一个类的实例对象的时候，prototype对象的成员都成为实例化对象的成员。

1、该对象被类所引用，只有函数对象才可引用；

2、在new实例化后，其成员被实例化，实例对象方可调用。

同时，函数是一个对象，函数对象若直接声明成员，不用被实例化即可调用。

prototype.j

prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙，

而且兼容标准的类库，能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。

一些实用的函数

这个类库带有很多预定义的对象和实用函数，这些东东的目的显然是把你从一些重复的打字中解放出来。

使用$()方法

$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写，就像这个DOM方法一样，这个方法返回参数传入的id的那个元素。

比起DOM中的方法，这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。

<HTML>

<HEAD>

function test1()

{

var d = $('myDiv');

alert(d.innerHTML);

}

function test2()

{

var divs = $('myDiv','myOtherDiv');

for(i=0; i<divs.length; i++)

{

alert(divs[i].innerHTML);

}

</script>

</HEAD>

<BODY>

<p>This is a paragraph</p>

</div>

<p>This is another paragraph</p>

</div>

</BODY>

</HTML>另外一个好处是，这个函数能传入用string表示的对象ID，也可以传入对象本身，这样，在建立其它能传两种类型的参数的函数时非常有用。

使用$F()函数

$F()函数是另一个大受欢迎的“快捷键”，它能用于返回任何表单输入控件的值，比如text box,drop-down list。这个方法也能用元素id或元素本身做为参数。

function test3()

{

alert( $F('userName') );

}

</script>

使用$A()函数

$A()函数能把它接收到的单个的参数转换成一个Array对象。

这个方法，结合被本类库扩展了的Array类，能方便的把任何的可枚举列表转换成或拷贝到一个Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象，从而更有效率的进行遍历，请看下面的例子。

function showOptions(){

var someNodeList = $('lstEmployees').getElementsByTagName('option');

var nodes = $A(someNodeList);

nodes.each(function(node){

alert(node.nodeName + ': ' + node.innerHTML);

});

}

</script>

<option value="5">Buchanan, Steven</option>

<option value="8">Callahan, Laura</option>

<option value="1">Davolio, Nancy</option>

</select>

使用 $H() 函数

$H()函数把一些对象转换成一个可枚举的和联合数组类似的Hash对象。

function testHash()

{

//let's create the object

var a = {

first: 10,

second: 20,

third: 30

};

//now transform it into a hash

var h = $H(a);

alert(h.toQueryString()); //displays: first=10&second=20&third=30

}

</script>

使用$R()函数

$R()是new ObjectRange(lowBound,upperBound,excludeBounds)的缩写。

跳到ObjectRange 类文档可以看到一个关于此类的完整描述. 此时，我们还是先来看一个例子以展示这个缩写能代替哪些方法吧。其它相关的一些知识可以在Enumerable 对象文档中找到。

function demoDollar_R(){

var range = $R(10, 20, false);

range.each(function(value, index){

alert(value);

});

}

</script>

使用Try.these()函数

Try.these() 方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易，他把一系列的方法作为参数并且按顺序的一个一个的执行这些方法直到其中的一个成功执行，返回成功执行的那个方法的返回值。

在下面的例子中， xmlNode.text在一些浏览器中好用，但是xmlNode.textContent在另一些浏览器中正常工作。使用Try.these()方法我们可以得到正常工作的那个方法的返回值。

function getXmlNodeValue(xmlNode){

return Try.these(

function() {return xmlNode.text;},

function() {return xmlNode.textContent;)

);

}

</script>

Ajax对象

上面提到的共通方法非常好，但是面对它吧，它们不是最高级的那类东西。它们是吗？你很可能自己编写了这些甚至在你的脚本里面有类似功能的方法。但是这些方法只是冰山一角。

我很肯定你对prototype.js感兴趣的原因很可能是由于它的AJAX能力。所以让我们解释当你需要完成AJAX逻辑的时候，这个包如何让它更容易。

Ajax 对象是一个预定义对象，由这个包创建，为了封装和简化编写AJAX 功能涉及的狡猾的代码。这个对象包含一系列的封装AJAX逻辑的类。我们来看看其中几个类。

使用Ajax.Request类

如果你不使用任何的帮助程序包，你很可能编写了整个大量的代码来创建XMLHttpRequest对象并且异步的跟踪它的进程，然后解析出响应然后处理它。当你不需要支持多于一种类型的浏览器时你会感到非常的幸运。

为了支持 AJAX 功能。这个包定义了 Ajax.Request 类。

假如你有一个应用程序可以通过url http://yoursever/app/get_sales?empID=1234&year=1998与服务器通信。它返回下面这样的XML 响应。

<?xml version="1.0" encoding="utf-8" ?>

<ajax-response>

<monthly-sales>

<employee-sales>

<employee-id>1234</employee-id>

<year-month>1998-01</year-month>

</employee-sales>

<employee-sales>

<employee-id>1234</employee-id>

<year-month>1998-02</year-month>

</employee-sales>

</monthly-sales>

</response>

</ajax-response>

用 Ajax.Request对象和服务器通信并且得到这段XML是非常简单的。下面的例子演示了它是如何完成的。

function searchSales()

{

var empID = $F('lstEmployees');

var y = $F('lstYears');

var url = 'http://yoursever/app/get_sales';

var pars = 'empID=' + empID + '&year=' + y;

var myAjax = new Ajax.Request(

url,

{

method: 'get',

parameters: pars,

onComplete: showResponse

});

}

function showResponse(originalRequest)

{

//put returned XML in the textarea

$('result').value = originalRequest.responseText;

}

</script>

<option value="5">Buchanan, Steven</option>

<option value="8">Callahan, Laura</option>

<option value="1">Davolio, Nancy</option>

</select>

</select>

你注意到传入 Ajax.Request构造方法的第二个对象了吗？参数{method: 'get', parameters: pars, onComplete: showResponse} 表示一个匿名对象的真实写法。他表示你传入的这个对象有一个名为 method 值为 'get'的属性，另一个属性名为 parameters 包含HTTP请求的查询字符串，和一个onComplete 属性/方法包含函数showResponse。

还有一些其它的属性可以在这个对象里面定义和设置，如 asynchronous，可以为true 或 false 来决定AJAX对服务器的调用是否是异步的（默认值是 true）。

这个参数定义AJAX调用的选项。在我们的例子中，在第一个参数通过HTTP GET命令请求那个url，传入了变量 pars包含的查询字符串， Ajax.Request 对象在它完成接收响应的时候将调用showResponse 方法。

也许你知道， XMLHttpRequest在HTTP请求期间将报告进度情况。这个进度被描述为四个不同阶段：Loading, Loaded, Interactive, 或 Complete。你可以使 Ajax.Request 对象在任何阶段调用自定义方法，Complete 是最常用的一个。想调用自定义的方法只需要简单的在请求的选项参数中的名为 onXXXXX 属性/方法中提供自定义的方法对象。就像我们例子中的 onComplete 。你传入的方法将会被用一个参数调用，这个参数是 XMLHttpRequest 对象自己。你将会用这个对象去得到返回的数据并且或许检查包含有在这次调用中的HTTP结果代码的 status 属性。

还有另外两个有用的选项用来处理结果。我们可以在onSuccess 选项处传入一个方法，当AJAX无误的执行完后调用，相反的，也可以在onFailure选项处传入一个方法，当服务器端出现错误时调用。正如onXXXXX 选项传入的方法一样，这两个在被调用的时候也传入一个带有AJAX请求的XMLHttpRequest对象。

我们的例子没有用任何有趣的方式处理这个 XML响应，我们只是把这段XML放进了一个文本域里面。对这个响应的一个典型的应用很可能就是找到其中的想要的信息，然后更新页面中的某些元素，或者甚至可能做某些XSLT转换而在页面中产生一些HTML。

在1.4.0版本中，一种新的事件回传外理被引入。如果你有一段代码总是要为一个特殊的事件执行，而不管是哪个AJAX调用引发它，那么你可以使用新的Ajax.Responders对象。

假设你想要在一个AJAX调用正在运行时，显示一些提示效果，像一个不断转动的图标之类的，你可以使用两个全局事件Handler来做到，其中一个在第一个调用开始时显示图标，另一个在最后一个调用完成时隐藏图标。看下面的例子。

var myGlobalHandlers = {

onCreate: function(){

Element.show('systemWorking');

onComplete: function() {

if(Ajax.activeRequestCount == 0){

Element.hide('systemWorking');

}

};

Ajax.Responders.register(myGlobalHandlers);

</script>

<div id='systemWorking'><img src='spinner.gif'>Loading...</div>

更完全的解释，请参照 Ajax.Request 参考和 Ajax选项参考。

使用Ajax.Updater类

如果你的服务器的另一端返回的信息已经是HTML了，那么使用这个程序包中 Ajax.Updater 类将使你的生活变得更加得容易。用它你只需提供哪一个元素需要被AJAX请求返回的HTML填充就可以了，例子比我写说明的更清楚。

function getHTML()

{

var url = 'http://yourserver/app/getSomeHTML';

var pars = 'someParameter=ABC';

var myAjax = new Ajax.Updater(

'placeholder',

url,

{

method: 'get',

parameters: pars

});

}

</script>

你可以看到，这段代码比前面的例子更加简洁，不包括 onComplete 方法，但是在构造方法中传入了一个元素id。我们来稍稍修改一下代码来描述如何在客户端处理服务器段错误成为可能。

我们将加入更多的选项，指定处理错误的一个方法。这个是用 onFailure 选项来完成的。我们也指定了一个 placeholder 只有在成功请求之后才会被填充。为了完成这个目的我们修改了第一个参数从一个简单的元素id到一个带有两个属性的对象， success (一切OK的时候被用到) 和 failure (有地方出问题的时候被用到) 在下面的例子中没有用到failure属性，而仅仅在 onFailure 处使用了 reportError 方法。

function getHTML()

{

var url = 'http://yourserver/app/getSomeHTML';

var pars = 'someParameter=ABC';

var myAjax = new Ajax.Updater(

{success: 'placeholder'},

url,

{

method: 'get',

parameters: pars,

onFailure: reportError

});

}

function reportError(request)

{

alert('Sorry. There was an error.');

}

</script>

如果你的服务器逻辑是连同HTML 标记返回JavaScript 代码， Ajax.Updater对象可以执行那段JavaScript代码。为了使这个对象对待响应为JavaScript，你只需在最后参数的对象构造方法中简单加入evalScripts: true属性。但是值得提醒的是，像这个选项名evalScripts暗示的，这些脚本会被执行，但是它们不会被加入到Page的脚本中。“有什么区别？”，可能你会这样问。我们假定请求地址返回的东东像这样：

function sayHi(){

alert('Hi');

}

</script>

如果你以前这样尝试过，你知道这些脚本不会如你所期望的那样工作，原因是这段脚本会被执行，但像上面这样的脚本执行并不会创建一个名叫sayHi的函数，它什么也不做。如果要创建一个函数，我们应当把代码改成下面这个样子：

sayHi = function(){

alert('Hi');

};

</script>

为什么我们在上面的代码中不使用var关键字来声明这个变量呢（指sayHi ），因为那样做创建出来的函数将只是当前脚本块的一个局部变量（至少在IE中是这样）。不写var关键字，创建出来的对象的作用域就是我们所期望的window。

更多相关知识，请参看 Ajax.Updater reference 和options reference.

建立循环

你知道，我们都是这样来做循环的，建一个Array，用elements组织它们，再建一个循环结构（例如for,foreach,while)通过index数字来访问每一个element，再用这个element做一些动作。

当你想到这时，你会发现几乎每次写循环代码你都会迟早用到一个Array。那么，如果Array对象能够提供更多的功能给它们的迭代器使用不是很爽吗？确实是这样，事实上很多的编程语言都在它们的Array或其它类似的结构中（如Collections,Lists）提供一些这样的功能。

现在好了，prototype.js了给我们一个 Enumerable对象，它实现了很多和可迭代数据进行交互的窍门。和原有的JS对象相比prototype.js更上一层楼，它对Array 类s扩展了所有枚举要用的函数。

循环, Ruby样式的

在标准的javascript中，如果你想把一个array中的所有elements显示出来，你可以像下面代码这样写得很好：

function showList(){

var simpsons = ['Homer', 'Marge', 'Lisa', 'Bart', 'Meg'];

for(i=0;i<simpsons.length;i++){

alert(simpsons);

}

</script>

使用我们新的最好的朋友，prototype.js，我们可以把它生写成这样

function showList(){

var simpsons = ['Homer', 'Marge', 'Lisa', 'Bart', 'Meg'];

simpsons.each( function(familyMember){

alert(familyMember);

});

}

你可能会想“非常奇怪的方式...相对旧的，这种语法太怪异了”。哦，在上面的例子，确实什么也没有，在这个简单得要死例子中，也没有改变太多啊，尽管如此，请继续读下去。

在继续下面内容之前，你注意到那个被做为一个参数传递给each函数的函数？我们把它理解成迭代器函数。

Your arrays on steroids

就如我们上面提到的，把你的Array中的elements当成相同的类型使用相同的属性和函数是很通用(Common,不知该翻译成通用还是庸俗)的。让我们看看怎么样利用我们新的马力强劲的Arrays的迭代功能吧。

依照标准找到一个element。

function findEmployeeById(emp_id){

var listBox = $('lstEmployees')

var options = listBox.getElementsByTagName('option');

options = $A(options);

var opt = options.find( function(employee){

return (employee.value == emp_id);

});

alert(opt.innerHTML); //displays the employee name

}

</script>

<option value="5">Buchanan, Steven</option>

<option value="8">Callahan, Laura</option>

<option value="1">Davolio, Nancy</option>

</select>

现在我们再下一城，看看如何过滤一个Array中的元素，从每个元素中得到我们想要的成员。

function showLocalLinks(paragraph){

paragraph = $(paragraph);

var links = $A(paragraph.getElementsByTagName('a'));

//find links that do not start with 'http'

var localLinks = links.findAll( function(link){

var start = link.href.substring(0,4);

return start !='http';

});

//now the link texts

var texts = localLinks.pluck('innerHTML');

//get them in a single string

var result = texts.inspect();

alert(result);

}

</script>

This <a href="http://othersite.com/page.html">text</a> has

a <a href="#localAnchor">lot</a> of

<a href="#otherAnchor">links</a>. Some are

<a href="http://wherever.com/page.html">external</a>

and some are <a href="#someAnchor">local</a>

</p>

上面的代码仅仅是一点小小的实践让人爱上这种语法。

请参看 Enumerable和Array的所有函数

http://www.cnblogs.com/thinhunan/archive/2006/04/01/DeveloperNotesForPrototype.html

prototype例子

例子1:给String类封装一个“日期验证”的新的方法

String.prototype.isDate = function(){

var regex = new RegExp("^[\\d]([-|/])[\\d]{1,2}([-|/])[\\d]{1,2}$");

console.log(this);

return regex.exec(this);

}

var strValue = "12512412";

alert(strValue.isDate());

词条	prototype
释义	Prototype是石川智晶的第六张单曲CD。由flying DOG于2008年12月3日发行，商品番号VTCL-35055。游戏《Prototype》(基本信息游戏介绍剧情介绍配置要求) 音乐 prototype（原型）(简介 prototype.j 使用$()方法使用$F()函数使用 $H() 函数使用$R()函数使用Try.these()函数 Ajax对象使用Ajax.Request类使用Ajax.Updater类建立循环) prototype例子游戏《Prototype》基本信息中文名称：虐杀原形英文名称：Prototype 游戏制作：Radical Ent. 游戏发行：Activision 游戏类型：Sci-FiAction Adventure 发售日期：2009年6月9日游戏平台：PC 游戏介绍 Radical的开放式动作冒险游戏《虐杀原形》被Activision视为具有潜力的作品而得以保留下来，游戏将于6月9日在北美上市，6月5日在欧洲上市，平台为X360、PS3和PC。在Radical开发的这款科幻游戏中，玩家将扮演一位基因突变的变身人，伴随着破坏穿梭在曼哈顿城中。一路上，玩家们不但要弄清自己身份以及超能力背后隐藏的秘密，还要与军队和各种变异敌人战斗。虽然本作在2007年7月就公开了，但Activision直到2009年2月才开始提供试玩。游戏还借鉴了时下流行的跑酷运动，主人公可以利用超能力在纽约城的高楼大厦间自由驰骋。剧情介绍游戏的主角Alex Mercer（艾力克斯墨瑟）因被自己带出来的病毒感染，从停尸间醒来之后发现完全不知道之前做了些什么，然而突变的同时也获得了超乎常人的强大能力。当主角杀死路人或敌人时便可以吸收他们的记忆、能力，甚至能变成他们的样子。随着吸收被杀死敌人以及路人的数量不断增加，主人公Mercer的能力也会随之逐渐增强。最终将能够学会诸如将自己的身体变化成武器攻击或是硬化身体表面皮肤以抵御敌人进攻等神奇的能力。配置要求基本配置：操作系统：Windows XP /windows Vista /windows7 CPU：Intel Core 2 Duo 1.86 GHz 或AMD Athlon 64 X2 4000+以上等级处理器。内存：1 GB 以上（Vista 需2GB 以上）硬盘空间：8 GB 以上，以确保游戏正常进行光驱：DVD-ROM 显卡：256MB显存，GeForce 7800/Radeon X1800 系列或更好。显示器：800×600分辨率或更高推荐配置：操作系统：Windows XP /windows Vista /windows7 处理器：Core 2 Quad/Phenom X4系列或更好内存：XP 2GB或更多；Vista 3GB或更多硬盘：8GB或更多可用空间光驱：DVD-ROM 显卡：512MB显存，GeForce 9800/Radeon HD 4800系列或更好声卡：DX9.0c兼容显示器：1280×720分辨率或更高(推荐分辨率1440×9004AA) 小说 Fate-Prototype 音乐《Prototype》为高达00第二季第一首结尾曲（ED）由石川智晶主唱 Prototype TV アニメ「机动戦士ガンダム00 セカンドシーズン」ED 作词/作曲：石川智晶编曲：西田マサラ歌：石川智晶纯真さがシンプルな力に変わる时当纯真变成简洁的力量之时世界に影をつくりだす世界上开始出现了阴影ガラスケースに横たわる横躺在玻璃柜光の存在に触れたくても就算想触摸光亮的存在振り上げた手　降ろせなくて紧握住的双手　却无法捉取落ちるようにしゃがみこんだ如同坠毁一般的悄然静默 Prototype boy　明日の理想だけで Prototype boy　只有未来的理想语り継ぐような美谈にもならないけど无法成为流传久远的佳话この体を失いそうなギリギリの场所が但即将失去生命的紧张时刻哀しいくらい似合ってる却相似到如此令人哀伤嘘みたいな静けさは虚幻一样的寂静わずかな绽びが弾ける前触れのようだ像细小的破绽将要绷紧的前兆过剰なまでの眼差しが太过丰富的视线膝の震えさえ逃がそうとしない连膝盖也颤抖的无力逃离この両手を挑発する也挑拨著这双手ありふれた伪善さえも就算是随处可见的伪善 Prototype boy 心夺われてく Prototype boy　心被夺去暧昧なジャブを缲り返す歯痒さで以这样焦急的重复著暧昧的攻击この领域に浮かび上がる残骸が在这个领域中浮现的残骸上生きた分身に见え始めた突然看得见那苏醒的分身それでも　I shelter you 就算这样　我爱你焦燥と放心の反动焦躁与安心的抗衡绝えず私心が揺らいでる无法断绝的自我中心正动摇著今更の感伤ならかぶり振るけれど目前为止的感伤好像是如此的震撼使い舍てられる试作品随手便被抛弃的试用品生きるのは自分だろうか？存活著的是真正的自己吗？今は考えない··考えない·· 现在已无法思考…无法思考… Prototype boy 明日の理想だけで Prototype boy　只有未来的理想语り継ぐような美谈にもならないけど无法成为流传久远的佳话この体を失いそうなギリギリの场所が但即将失去生命的紧张时刻哀しいくらい似合ってる却相似到如此令人哀伤 Prototype boy 心夺われてく Prototype boy　心被夺去暧昧なジャブを缲り返す歯痒さで以这样焦急的重复著暧昧的攻击この领域に浮かび上がる残骸が在这个领域中浮现的残骸上生きた分身に见え始めた突然看得见那苏醒的分身それでも　I shelter you 就算这样　我爱你 prototype（原型）简介在JavaScript中，prototype对象是实现面向对象的一个重要机制。每个函数就是一个对象（Function），函数对象都有一个子对象 prototype对象，类是以函数的形式来定义的。prototype表示该函数的原型，也表示一个类的成员的集合。在通过new创建一个类的实例对象的时候，prototype对象的成员都成为实例化对象的成员。 1、该对象被类所引用，只有函数对象才可引用； 2、在new实例化后，其成员被实例化，实例对象方可调用。同时，函数是一个对象，函数对象若直接声明成员，不用被实例化即可调用。 prototype.j prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙，而且兼容标准的类库，能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。一些实用的函数这个类库带有很多预定义的对象和实用函数，这些东东的目的显然是把你从一些重复的打字中解放出来。使用$()方法 $() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写，就像这个DOM方法一样，这个方法返回参数传入的id的那个元素。比起DOM中的方法，这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。 <HTML> <HEAD> <TITLE> Test Page </TITLE> <script src="prototype-1.3.1.js"></script> <script> function test1() { var d = $('myDiv'); alert(d.innerHTML); } function test2() { var divs = $('myDiv','myOtherDiv'); for(i=0; i<divs.length; i++) { alert(divs[i].innerHTML); } } </script> </HEAD> <BODY> <div id="myDiv"> <p>This is a paragraph</p> </div> <div id="myOtherDiv"> <p>This is another paragraph</p> </div> <input type="button" value=Test1 onclick="test1();"><br> <input type="button" value=Test2 onclick="test2();"><br> </BODY> </HTML>另外一个好处是，这个函数能传入用string表示的对象ID，也可以传入对象本身，这样，在建立其它能传两种类型的参数的函数时非常有用。使用$F()函数 $F()函数是另一个大受欢迎的“快捷键”，它能用于返回任何表单输入控件的值，比如text box,drop-down list。这个方法也能用元素id或元素本身做为参数。 <script> function test3() { alert( $F('userName') ); } </script> <input type="text" id="userName" value="Joe Doe"><br> <input type="button" value=Test3 onclick="test3();"><br> 使用$A()函数 $A()函数能把它接收到的单个的参数转换成一个Array对象。这个方法，结合被本类库扩展了的Array类，能方便的把任何的可枚举列表转换成或拷贝到一个Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象，从而更有效率的进行遍历，请看下面的例子。 <script> function showOptions(){ var someNodeList = $('lstEmployees').getElementsByTagName('option'); var nodes = $A(someNodeList); nodes.each(function(node){ alert(node.nodeName + ': ' + node.innerHTML); }); } </script> <select id="lstEmployees" size="10" > <option value="5">Buchanan, Steven</option> <option value="8">Callahan, Laura</option> <option value="1">Davolio, Nancy</option> </select> <input type="button" value="Show the options" onclick="showOptions();" > 使用 $H() 函数 $H()函数把一些对象转换成一个可枚举的和联合数组类似的Hash对象。 <script> function testHash() { //let's create the object var a = { first: 10, second: 20, third: 30 }; //now transform it into a hash var h = $H(a); alert(h.toQueryString()); //displays: first=10&second=20&third=30 } </script> 使用$R()函数 $R()是new ObjectRange(lowBound,upperBound,excludeBounds)的缩写。跳到ObjectRange 类文档可以看到一个关于此类的完整描述. 此时，我们还是先来看一个例子以展示这个缩写能代替哪些方法吧。其它相关的一些知识可以在Enumerable 对象文档中找到。 <script> function demoDollar_R(){ var range = $R(10, 20, false); range.each(function(value, index){ alert(value); }); } </script> <input type="button" value="Sample Count" onclick="demoDollar_R();" > 使用Try.these()函数 Try.these() 方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易，他把一系列的方法作为参数并且按顺序的一个一个的执行这些方法直到其中的一个成功执行，返回成功执行的那个方法的返回值。在下面的例子中， xmlNode.text在一些浏览器中好用，但是xmlNode.textContent在另一些浏览器中正常工作。使用Try.these()方法我们可以得到正常工作的那个方法的返回值。 <script> function getXmlNodeValue(xmlNode){ return Try.these( function() {return xmlNode.text;}, function() {return xmlNode.textContent;) ); } </script> Ajax对象上面提到的共通方法非常好，但是面对它吧，它们不是最高级的那类东西。它们是吗？你很可能自己编写了这些甚至在你的脚本里面有类似功能的方法。但是这些方法只是冰山一角。我很肯定你对prototype.js感兴趣的原因很可能是由于它的AJAX能力。所以让我们解释当你需要完成AJAX逻辑的时候，这个包如何让它更容易。 Ajax 对象是一个预定义对象，由这个包创建，为了封装和简化编写AJAX 功能涉及的狡猾的代码。这个对象包含一系列的封装AJAX逻辑的类。我们来看看其中几个类。使用Ajax.Request类如果你不使用任何的帮助程序包，你很可能编写了整个大量的代码来创建XMLHttpRequest对象并且异步的跟踪它的进程，然后解析出响应然后处理它。当你不需要支持多于一种类型的浏览器时你会感到非常的幸运。为了支持 AJAX 功能。这个包定义了 Ajax.Request 类。假如你有一个应用程序可以通过url http://yoursever/app/get_sales?empID=1234&year=1998与服务器通信。它返回下面这样的XML 响应。 <?xml version="1.0" encoding="utf-8" ?> <ajax-response> <response type="object" id="productDetails"> <monthly-sales> <employee-sales> <employee-id>1234</employee-id> <year-month>1998-01</year-month> <sales>$8,115.36</sales> </employee-sales> <employee-sales> <employee-id>1234</employee-id> <year-month>1998-02</year-month> <sales>$11,147.51</sales> </employee-sales> </monthly-sales> </response> </ajax-response> 用 Ajax.Request对象和服务器通信并且得到这段XML是非常简单的。下面的例子演示了它是如何完成的。 <script> function searchSales() { var empID = $F('lstEmployees'); var y = $F('lstYears'); var url = 'http://yoursever/app/get_sales'; var pars = 'empID=' + empID + '&year=' + y; var myAjax = new Ajax.Request( url, { method: 'get', parameters: pars, onComplete: showResponse }); } function showResponse(originalRequest) { //put returned XML in the textarea $('result').value = originalRequest.responseText; } </script> <select id="lstEmployees" size="10" onchange="searchSales()"> <option value="5">Buchanan, Steven</option> <option value="8">Callahan, Laura</option> <option value="1">Davolio, Nancy</option> </select> <select id="lstYears" size="3" onchange="searchSales()"> <option selected="selected" value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> </select> <br><textarea id=result cols=60 rows=10 ></textarea> 你注意到传入 Ajax.Request构造方法的第二个对象了吗？参数{method: 'get', parameters: pars, onComplete: showResponse} 表示一个匿名对象的真实写法。他表示你传入的这个对象有一个名为 method 值为 'get'的属性，另一个属性名为 parameters 包含HTTP请求的查询字符串，和一个onComplete 属性/方法包含函数showResponse。还有一些其它的属性可以在这个对象里面定义和设置，如 asynchronous，可以为true 或 false 来决定AJAX对服务器的调用是否是异步的（默认值是 true）。这个参数定义AJAX调用的选项。在我们的例子中，在第一个参数通过HTTP GET命令请求那个url，传入了变量 pars包含的查询字符串， Ajax.Request 对象在它完成接收响应的时候将调用showResponse 方法。也许你知道， XMLHttpRequest在HTTP请求期间将报告进度情况。这个进度被描述为四个不同阶段：Loading, Loaded, Interactive, 或 Complete。你可以使 Ajax.Request 对象在任何阶段调用自定义方法，Complete 是最常用的一个。想调用自定义的方法只需要简单的在请求的选项参数中的名为 onXXXXX 属性/方法中提供自定义的方法对象。就像我们例子中的 onComplete 。你传入的方法将会被用一个参数调用，这个参数是 XMLHttpRequest 对象自己。你将会用这个对象去得到返回的数据并且或许检查包含有在这次调用中的HTTP结果代码的 status 属性。还有另外两个有用的选项用来处理结果。我们可以在onSuccess 选项处传入一个方法，当AJAX无误的执行完后调用，相反的，也可以在onFailure选项处传入一个方法，当服务器端出现错误时调用。正如onXXXXX 选项传入的方法一样，这两个在被调用的时候也传入一个带有AJAX请求的XMLHttpRequest对象。我们的例子没有用任何有趣的方式处理这个 XML响应，我们只是把这段XML放进了一个文本域里面。对这个响应的一个典型的应用很可能就是找到其中的想要的信息，然后更新页面中的某些元素，或者甚至可能做某些XSLT转换而在页面中产生一些HTML。在1.4.0版本中，一种新的事件回传外理被引入。如果你有一段代码总是要为一个特殊的事件执行，而不管是哪个AJAX调用引发它，那么你可以使用新的Ajax.Responders对象。假设你想要在一个AJAX调用正在运行时，显示一些提示效果，像一个不断转动的图标之类的，你可以使用两个全局事件Handler来做到，其中一个在第一个调用开始时显示图标，另一个在最后一个调用完成时隐藏图标。看下面的例子。 <script> var myGlobalHandlers = { onCreate: function(){ Element.show('systemWorking'); }, onComplete: function() { if(Ajax.activeRequestCount == 0){ Element.hide('systemWorking'); } } }; Ajax.Responders.register(myGlobalHandlers); </script> <div id='systemWorking'><img src='spinner.gif'>Loading...</div> 更完全的解释，请参照 Ajax.Request 参考和 Ajax选项参考。使用Ajax.Updater类如果你的服务器的另一端返回的信息已经是HTML了，那么使用这个程序包中 Ajax.Updater 类将使你的生活变得更加得容易。用它你只需提供哪一个元素需要被AJAX请求返回的HTML填充就可以了，例子比我写说明的更清楚。 <script> function getHTML() { var url = 'http://yourserver/app/getSomeHTML'; var pars = 'someParameter=ABC'; var myAjax = new Ajax.Updater( 'placeholder', url, { method: 'get', parameters: pars }); } </script> <input type=button value=GetHtml onclick="getHTML()"> <div id="placeholder"></div> 你可以看到，这段代码比前面的例子更加简洁，不包括 onComplete 方法，但是在构造方法中传入了一个元素id。我们来稍稍修改一下代码来描述如何在客户端处理服务器段错误成为可能。我们将加入更多的选项，指定处理错误的一个方法。这个是用 onFailure 选项来完成的。我们也指定了一个 placeholder 只有在成功请求之后才会被填充。为了完成这个目的我们修改了第一个参数从一个简单的元素id到一个带有两个属性的对象， success (一切OK的时候被用到) 和 failure (有地方出问题的时候被用到) 在下面的例子中没有用到failure属性，而仅仅在 onFailure 处使用了 reportError 方法。 <script> function getHTML() { var url = 'http://yourserver/app/getSomeHTML'; var pars = 'someParameter=ABC'; var myAjax = new Ajax.Updater( {success: 'placeholder'}, url, { method: 'get', parameters: pars, onFailure: reportError }); } function reportError(request) { alert('Sorry. There was an error.'); } </script> <input type=button value=GetHtml onclick="getHTML()"> <div id="placeholder"></div> 如果你的服务器逻辑是连同HTML 标记返回JavaScript 代码， Ajax.Updater对象可以执行那段JavaScript代码。为了使这个对象对待响应为JavaScript，你只需在最后参数的对象构造方法中简单加入evalScripts: true属性。但是值得提醒的是，像这个选项名evalScripts暗示的，这些脚本会被执行，但是它们不会被加入到Page的脚本中。“有什么区别？”，可能你会这样问。我们假定请求地址返回的东东像这样： <script language="javascript" type="text/javascript"> function sayHi(){ alert('Hi'); } </script> <input type=button value="Click Me" onclick="sayHi()"> 如果你以前这样尝试过，你知道这些脚本不会如你所期望的那样工作，原因是这段脚本会被执行，但像上面这样的脚本执行并不会创建一个名叫sayHi的函数，它什么也不做。如果要创建一个函数，我们应当把代码改成下面这个样子： <script language="javascript" type="text/javascript"> sayHi = function(){ alert('Hi'); }; </script> <input type=button value="Click Me" onclick="sayHi()"> 为什么我们在上面的代码中不使用var关键字来声明这个变量呢（指sayHi ），因为那样做创建出来的函数将只是当前脚本块的一个局部变量（至少在IE中是这样）。不写var关键字，创建出来的对象的作用域就是我们所期望的window。更多相关知识，请参看 Ajax.Updater reference 和options reference. 建立循环你知道，我们都是这样来做循环的，建一个Array，用elements组织它们，再建一个循环结构（例如for,foreach,while)通过index数字来访问每一个element，再用这个element做一些动作。当你想到这时，你会发现几乎每次写循环代码你都会迟早用到一个Array。那么，如果Array对象能够提供更多的功能给它们的迭代器使用不是很爽吗？确实是这样，事实上很多的编程语言都在它们的Array或其它类似的结构中（如Collections,Lists）提供一些这样的功能。现在好了，prototype.js了给我们一个 Enumerable对象，它实现了很多和可迭代数据进行交互的窍门。和原有的JS对象相比prototype.js更上一层楼，它对Array 类s扩展了所有枚举要用的函数。循环, Ruby样式的在标准的javascript中，如果你想把一个array中的所有elements显示出来，你可以像下面代码这样写得很好： <script> function showList(){ var simpsons = ['Homer', 'Marge', 'Lisa', 'Bart', 'Meg']; for(i=0;i<simpsons.length;i++){ alert(simpsons); } } </script> <input type="button" value="Show List" onclick="showList();" > 使用我们新的最好的朋友，prototype.js，我们可以把它生写成这样 function showList(){ var simpsons = ['Homer', 'Marge', 'Lisa', 'Bart', 'Meg']; simpsons.each( function(familyMember){ alert(familyMember); }); } 你可能会想“非常奇怪的方式...相对旧的，这种语法太怪异了”。哦，在上面的例子，确实什么也没有，在这个简单得要死例子中，也没有改变太多啊，尽管如此，请继续读下去。在继续下面内容之前，你注意到那个被做为一个参数传递给each函数的函数？我们把它理解成迭代器函数。 Your arrays on steroids 就如我们上面提到的，把你的Array中的elements当成相同的类型使用相同的属性和函数是很通用(Common,不知该翻译成通用还是庸俗)的。让我们看看怎么样利用我们新的马力强劲的Arrays的迭代功能吧。依照标准找到一个element。 <script> function findEmployeeById(emp_id){ var listBox = $('lstEmployees') var options = listBox.getElementsByTagName('option'); options = $A(options); var opt = options.find( function(employee){ return (employee.value == emp_id); }); alert(opt.innerHTML); //displays the employee name } </script> <select id="lstEmployees" size="10" > <option value="5">Buchanan, Steven</option> <option value="8">Callahan, Laura</option> <option value="1">Davolio, Nancy</option> </select> <input type="button" value="Find Laura" onclick="findEmployeeById(8);" > 现在我们再下一城，看看如何过滤一个Array中的元素，从每个元素中得到我们想要的成员。 <script> function showLocalLinks(paragraph){ paragraph = $(paragraph); var links = $A(paragraph.getElementsByTagName('a')); //find links that do not start with 'http' var localLinks = links.findAll( function(link){ var start = link.href.substring(0,4); return start !='http'; }); //now the link texts var texts = localLinks.pluck('innerHTML'); //get them in a single string var result = texts.inspect(); alert(result); } </script> <p id="someText"> This <a href="http://othersite.com/page.html">text</a> has a <a href="#localAnchor">lot</a> of <a href="#otherAnchor">links</a>. Some are <a href="http://wherever.com/page.html">external</a> and some are <a href="#someAnchor">local</a> </p> <input type=button value="Find Local Links" onclick="showLocalLinks('someText')"> 上面的代码仅仅是一点小小的实践让人爱上这种语法。请参看 Enumerable和Array的所有函数 http://www.cnblogs.com/thinhunan/archive/2006/04/01/DeveloperNotesForPrototype.html prototype例子例子1:给String类封装一个“日期验证”的新的方法 String.prototype.isDate = function(){ var regex = new RegExp("^[\\d]([-\|/])[\\d]{1,2}([-\|/])[\\d]{1,2}$"); console.log(this); return regex.exec(this); } var strValue = "12512412"; alert(strValue.isDate());
随便看	吕显瑞吕献荣吕宪昌吕宪俊吕宪全吕宪瑞吕宪堂吕宪贞吕相吕相绝秦吕相林吕相友吕相自然村吕香光吕翔吕祥壁烈士陵园吕祥璧吕巷吕巷村吕巷镇吕向吕向东吕向辉吕向阳吕晓