Javascript Eğitim Dersleri #010

1 Nisan 2008, Salı

Kendi prototip kütüphanemiz!

prototype özelliği ile, javascript core-engine içinde bulunan String objesine yepyeni bir özellik katalım. Bu sayede, veri tipi String olan objelerde, reverseString diye ekstra bir metod oluşsun. Bu metod, yazdığımız metni terse çevirsin. Yani “Merhaba” yazısı “abahreM” haline dönsün.

  1. String.prototype.reverseString = function()
  2. {
  3.  var strReverseString = '';
  4.  for( var i = 0; i <this.length ; i++ )
  5.  {
  6.   strReverseString+= this.charAt( this.length - ( i + 1 ) );
  7.  }
  8.  return strReverseString;
  9. }
  10.  
  11. var myText = 'Merhaba';
  12. window.alert( myText ); // abahreM

this ile ifade edilen şey String’in kendisi oluyor.

Şimdide başka bir prototipe bakalım.

  1. Number.prototype.setDigits = function ( numDigitCount )
  2. {
  3.  var numNumber = this;
  4.  var strNumber = numNumber.toString();
  5.  if( strNumber.length >= numDigitCount )
  6.  {
  7.   return strNumber*1;
  8.  }
  9.  var strExtraDigits = '';
  10.  for( var i = strNumber.length; i < numDigitCount; i++ )
  11.  {
  12.   strExtraDigits+= '0';
  13.  }
  14.  return strExtraDigits + strNumber;
  15. }
  16.  
  17. var myNumber = 3;
  18. window.alert( myYear.setDigits( 5 ) ); // 00003

Diğer örnekleri bu linkten görebilirsiniz.

Ödev : Mini Alış-Veriş

Amacımız, javascript tabanlı bir veritabanı simülasyonu. Ürünlerimiz var. Alış-Veriş Sepeti’miz var. Dinamik olarak ( run-time ) Ürünlerimize yeni ürün ekleme / silme, sepete ürün ekleme / silme, 2.000 ytl ve üzerinde alış-veriş yapanlara %20 indirim... Sıralama işleri;

Demo amaçlı kendi prototype kütüphanemizi kullandık. Ödevi görmek için tıklayın.