>

16 abril 2006

Como hacer una Clase en JavaScript

<html>
<head>
<title>Clase JavaScrip</title>
</head>
<script language="JavaScript" type="text/javascript">
function MiClase()
{
// Propiedades de la clas
var m_dato = 5;
var m_texto = "Hola Mundo";
// Asigna el valor de funcion publica
// el valor de la izq es el publico
// el de la derecha el privado
// Publico cuando se llama a la funcion fuera de la clase Ej. DisplayDato, DisplayTexto, SetDato,SetTexto
this.SetDato = SetDato;
this.SetTexto = SetTexto;
this.MuestraDato = DisplayDato;
this.MuestraTexto = DisplayTexto;
function DisplayDato(){
alert( m_dato );
return;
}
function DisplayTexto(){
alert( m_texto );
return;
}
// asigna el valor de miValor a la propiedad m_dato
function SetDato( miValor){
m_dato = miValor;
}
// asigna el valor de miTexto a la propiedad m_texto
function SetTexto( miTexto ){
m_texto = miTexto;
}
}
</script>
<body>
<script>
var miObjectoClase = new MiClase();
var miObjectoClase2 = new MiClase();
miObjectoClase.SetDato( 10 );
miObjectoClase.SetTexto( "miObjectoClase: Hola Mundo" );
miObjectoClase2.SetDato( 20 );
miObjectoClase2.SetTexto( "miObjectoClase2: Hola Mundo" );
miObjectoClase.MuestraDato(); // muestra: 10
miObjectoClase.MuestraTexto(); // muestra: "miObjectoClase: Hola Mundo"
miObjectoClase2.MuestraDato(); // muestra: 20
miObjectoClase2.MuestraTexto(); // muestra: "miObjectoClase2: Hola Mundo"
</script>
</form>
</body>
</html>

No hay comentarios: