以下為讀AJAX 網頁程式設計--Google成功背後的技術一書的筆記

prototype.js簡介

●prototype.js是常用的JavaScript Framework。
下載首頁http://prototype.conio.net
作者:Sam Stephenson

●特色:
1.擴充JavaScript內建的物件。
2.新增加了幾個好用的物件,包含對AJAX的支援。
3.新增加了幾個好用的函式工具。

●支援:
1.IE 6.0及以上版本。
2.Mozilla Firefox 1.0或Mozilla 1.7及以上版本。
3.Apple Safari 1.2及以上版本。

●版權
基於麻省理工學院(MIT)型式的版權。
MIT的版權原文

●套用prototype.js
1.下載prototype.js(http://prototype.conio.net)
2.將protytype.js放到網頁伺服器可以存取的目錄下。如htdocs/script/目錄下。
3.在想要套用prototype.js的HTML中加上一行程式於<HEAD>標籤區塊之內。
<head>
<script type="text/javascript" src="script/prototype.js"></script>
</head>

●prototype.js的物件導向概念
JavaScript語言是一種物件導向語言,不過卻與C++或Java程式語言不同,沒有建構函式與解構函式,也沒有描述類別間的繼承關係,那是因為JavaScript並沒有類別與物件的區別,在JavaScript中每個東西都是物件,所以在使用上便與一般物件導向語言有所不同,但並不代表JavaScript不能做到「繼承」與「建構函式」的物件特性,只是作法不同而已。
prototype.js程式庫中,利用了一些技巧讓JavaScript看來更像一般的物件導向語言,其中一個是建立真正的建構函式。prototype.js新增了一個物件-Class,這個物件只有一個成員函式-create,藉由呼叫這個成員函式,可以在建立的新物件類別中增加一個建構函式-initialize,每次透過new運算元新增該物件實體時,initialize函式便會自動被呼叫。
var MyClass=Class.create();
MyClass.prototype={
 initialize: function(color){
  this.color=color;
 },
 getColor:function(){
  return 'The color is '+this.color+'.';
 }
}
var obj=new MyClass('red');
alert(obj.getColor());

prototype.js替原有的Object物件新增一個函式-extend,讓類別有了「繼承」概念。
var ChildClass=Class.create();
ChildClass.prototype=Object.extend(new MyClass(),{
 initialize: function(color, background){
  this.color=color;
  this.background=background;
 },
 getBackground:function(){
  return 'The background is '+this.background+'.';
 }
});
var child=new ChildClass('red', 'blue');
alert(child.getColor());
alert(child.getBackground);
參考資料:AJAX 網頁程式設計--Google成功背後的技術

jck11 發表在 痞客邦 PIXNET 留言(0) 人氣()