以下為讀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成功背後的技術
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成功背後的技術
全站熱搜
留言列表
