prototype.js:クラスの作成

 prototype.jsにはクラスを作成するClassオブジェクトが用意されています。Class.create()として新規クラスを作成します。この際にinitializeメソッドが呼び出されます。
 以下のサンプルは「作成」ボタンをクリックすると定義されたクラスからインスタンスを作成します(ageプロパティに37が設定されます)。「表示」ボタンをクリックするとインスタンスオブジェクトのprintParamメソッドを呼び出します(ageプロパティの値がページ上に表示されます)。(サンプルを実行する

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>prototype.jsサンプル</title>
<script src="prototype.js" type="text/javascript"></script>
<script type="text/javascript"><!--
myObject = Class.create();
myObject.prototype = {
initialize: function()
{
this.age = 37;
$("result").innerHTML = "Initialize";
},
printParam: function()
{
$("result").innerHTML = this.age;
}
}
function createObj()
{
aObj = new myObject();
}
function printdata()
{
aObj.printParam();
}
// --></script>
</head>
<body>
<h1>prototype.jsサンプル</h1>
<form>
<input type="button" value="作成" onClick="createObj()">
<input type="button" value="表示" onClick="printdata()">
</form>
<div id="result"></div>
</body>
</html>


[目次へ]

(2006.3.25)