既存オブジェクトにメソッドを追加する


動作ブラウザ 【 IE:4.0   NN:6.0
Internet Explorer Netscape Navigator Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 7.x 2.x 1.x
Windows × - × × × × -
Macintosh × - × × × ×
UNIX - - - - - × × × × -

ポイント String.prototype.smallCaps = function() { return this.charAt(0).toUpperCase()+this.substr(1,this.length); }
説  明 既存オブジェクトにメソッドを追加するにはprototypeを利用します。「オブジェクト名.prototype.メソッド名 = function(){ 定義内容 }」とします。
サンプル <html> <head> <title>既存オブジェクトにメソッドを追加する</title> </head> <body> <script type="text/javascript"><!-- String.prototype.smallCaps = function() { return this.charAt(0).toUpperCase()+this.substr(1,this.length); } aObj = new String("sample"); document.write(aObj.smallCaps()+"<br>"); // --></script> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!



写真素材 PIXTA