javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> <!-- Abstract.Creature = function() {} // 抽象クラスの作成 Abstract.Creature.prototype = { punch : function () { alert('punch'); }, eat : function () {} }; var Animal = Class.create(); Animal.prototype = Object.extend(new Abstract.Creature, { initialize: function (name) { this.name = name; }, kick : function () { alert('kick'); }, eat : function () { alert('uooooooon.'); } }); var Person = Class.create(); Person.prototype = Object.extend(new Animal, { initialize : function(name, message) { this.name = name; this.message = message; }, say : function() { alert('hey, my name is '+this.name+' , '+this.message); }, kick : function () { alert('i am person'); Animal.prototype.kick.apply(this); // 親クラスの同名メソッド呼び出し }, eat : function () { alert('delicious'); } }); function execute() { var monkey = new Animal('monkey'); monkey.kick(); monkey.punch(); monkey.eat(); var kenji = new Person('kenji', 'hello'); kenji.punch(); kenji.kick(); kenji.say(); kenji.eat(); } //--> </script> <body> <button onclick="execute()">サンプル開始</button> </body>
スクリプト実行結果が表示されます。