Rodrigo Lazoti Blog

Já mostrei como utilizar javascript de uma forma mais OO (orientada a objetos) nestes dois posts:

• Orientação a objetos em Javascript – Herança
• Orientação a objetos em Javascript

Agora irei mostrar uma forma de separar o código javascript em pacotes de uma forma parecida com a feita pela framework Yahoo! User Interface (YUI) Library, porém existem outras formas de se fazer isso como a feita pelo framework Dojo.

Exemplo utilizando YUI:

  YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("cal1", "cal1Container");

Exemplo utilizando Dojo:

  dojo.require("dijit._Calendar");

E agora irei criar um exemplo simples, criarei uma classe chamada StringUtils que conterá um método trim e esta classe ficará no pacote br.com.rodrigolazoti.utils.

<script language="javascript" type="text/javascript">

var br = br ? br : {}
     br.com = br.com ? br.com : {}
     br.com.rodrigolazoti = br.com.rodrigolazoti ? br.com.rodrigolazoti : {}
     br.com.rodrigolazoti.utils = br.com.rodrigolazoti.utils ? br.com.rodrigolazoti.utils : {}

  br.com.rodrigolazoti.utils.StringUtils = function() {

    this.trim = function( value ) {
      if (value==null) return null;
      else return value.replace(/ /g, "");
    }

  }
</script>

Testando o código:

<script language="javascript" type="text/javascript">
  var stringUtils = new br.com.rodrigolazoti.utils.StringUtils();
  alert( stringUtils.trim( " a b c d e f " ) );
</script>

Related Posts

1. Orientação a objetos em Javascript – Herança
2. Orientação a objetos em Javascript
3. Framework javascript Extjs em páginas jsp com tags tld