ejemplo Clase Javascript

[ZiTAL]

Aupa, escribiendo desde mi absoluta y total ignorancia, voy a escribir un ejemplo de una clase en javascript, que lo he hecho a base de pruebas:

Creacion de la clase:

Código javascript:

var clientInfo = function()
{
//...
};
 

Instanciacion de la clase:

Código javascript:

var a = new clientInfo();
 

Variables publicas:

Código javascript:

this.publicVar;
 

Variables privadas:

Código javascript:

this.publicVar;
 

Metodos publicos:

Código javascript:

clientInfo.prototype.getClientInfo = function()
{
...
}
 

Metodos privados:

Código javascript:

var privateMethod = function(t)
{
...
};
 

t será el objeto this, en este caso el propio objeto para que podamos llamar a metodos/variables publicas para poder trabajar con ellos.

llamada a funcion publica desde la propia clase:

Código javascript:

this.getClientInfo();
 

llamada a funcion publica desde un metodo privado de la clase:

Código javascript:

var privateMethod = function(t)
{
    t.getClientInfo();
};
 

llamada a funcion privada desde dentro de la clase:

Código javascript:

var privateVar = privateMethod(this);
 

llamada a funcion publica desde fuera de la clase:

Código javascript:

var a = new clientInfo();
    a.getClientInfo();
 

Pero mejor lo vemos con un ejemplo:

Ejemplo corto:

Código javascript:

var clientInfo = function()
        {   
            clientInfo.prototype.getClientInfo = function()
            {
                var a = new Array();                
                a['browser'] = this.getBrowser();   
                return a;
            }   
            clientInfo.prototype.getBrowser = function()            
            {
                var a = 'default';
                if(/Opera/.test(navigator.appName))             
                    a = 'opera';                
                else if(/Microsoft Internet Explorer/.test(navigator.appName))              
                    a = 'msie';     
                return a;
            }                       
            clientInfo.prototype.main = function()
            {
                var a = this.getClientInfo();
                return a;
            }           
            var privateMethod = function(t)
            {
                var a = new Array();
                a['browser'] = t.getBrowser();
                return a; 
            };
            
            var privateVar = privateMethod(this);
            alert("Private info: "+privateVar['browser']);
            
            this.publicVar = this.main();
        };
        var a = new clientInfo();
        alert("Public info: "+a.publicVar['browser']);
 

Ejemplo largo:

Código javascript:

var clientInfo = function()
        {   
            clientInfo.prototype.getClientInfo = function()
            {
                var a = new Array();                
                a['browser'] = this.getBrowser();   
                a['motor'] = this.getMotor();
                a['so'] = this.getSO();
                return a;
            }   
            clientInfo.prototype.getBrowser = function()            
            {
                var a = 'default';
                if(/Opera/.test(navigator.appName))             
                    a = 'opera';                
                else if(/Microsoft Internet Explorer/.test(navigator.appName))              
                    a = 'msie';
                else if(/Iron/.test(navigator.appVersion))
                    a = 'iron';
                else if(/Chrome/.test(navigator.appVersion))
                    a = 'chrome';                   
                else if(/Konqueror/.test(navigator.appVersion))
                    a = 'konqueror';                    
                else if(/Safari/.test(navigator.appVersion))
                    a = 'safari';                   
                else if(/Firefox/.test(navigator.userAgent))
                    a = 'firefox';
                else if(/Iceweasel/.test(navigator.userAgent))
                    a = 'iceweasel';                    
                return a;
            }
            clientInfo.prototype.getMotor = function()          
            {
                var a = 'default';
                if(/Opera/.test(navigator.appName))             
                    a = 'opera';                
                else if(/Microsoft Internet Explorer/.test(navigator.appName))              
                    a = 'msie';
                else if(/WebKit/.test(navigator.userAgent))
                    a = 'webkit';
                else if(/KHTML/.test(navigator.userAgent))
                    a = 'khtml';                    
                else if(/Gecko/.test(navigator.userAgent))
                    a = 'gecko';                    
                return a;
            }           
            clientInfo.prototype.getSO = function()         
            {
                var a = 'default';
                if(/Windows/.test(navigator.userAgent))
                    a = 'windows';
                else if(/Linux/.test(navigator.userAgent))
                    a = 'linux';                    
                return a;
            }               
            clientInfo.prototype.main = function()
            {
                var a = this.getClientInfo();
                return a;
            }           
            var privateMethod = function(t)
            {
                var a = new Array();
                a['browser'] = t.getBrowser();
                a['motor'] = t.getMotor();
                a['so'] = t.getSO();
                return a; 
            };
            
            var privateVar = privateMethod(this);
            alert("Private info: "+privateVar['browser']+" "+privateVar['motor']+" "+privateVar['so']);
            
            this.publicVar = this.main();
        };
        var a = new clientInfo();
        alert("Public info: "+a.publicVar['browser']+" "+a.publicVar['motor']+" "+a.publicVar['so']);
 

espero vuestros comentarios y sugerencias, muchas gracias, eskerrik asko.

[marcopoloaz06]

Hola, ps puedes mejorar los métodos privados así:

Código javascript:

var privateMethod = function()
            {
                var a = new Array();
                a['browser'] = this.getBrowser();
                return a; 
            };
            
var privateVar = privateMethod.call(this);
 

utilizando call()
saludos
:]

[ZiTAL]

Muchas gracias ;)

Ejemplo corto:

Código javascript:

var clientInfo = function()
        {    
            clientInfo.prototype.getClientInfo = function()
            {
                var a = new Array();                
                a['browser'] = this.getBrowser();    
                return a;
            }    
            clientInfo.prototype.getBrowser = function()            
            {
                var a = 'default';
                if(/Opera/.test(navigator.appName))                
                    a = 'opera';                
                else if(/Microsoft Internet Explorer/.test(navigator.appName))                
                    a = 'msie';        
                return a;
            }                        
            clientInfo.prototype.main = function()
            {
                var a = this.getClientInfo();
                return a;
            }            
            var privateMethod = function()
            {
                var a = new Array();
                a['browser'] = this.getBrowser();
                return a; 
            };
            
            var privateVar = privateMethod.call(this);
            alert("Private info: "+privateVar['browser']);
            
            this.publicVar = this.main();
        };
        var a = new clientInfo();
        alert("Public info: "+a.publicVar['browser']);
 

Ejemplo largo:

Código javascript:

var clientInfo = function()
        {   
            clientInfo.prototype.getClientInfo = function()
            {
                var a = new Array();                
                a['browser'] = this.getBrowser();   
                a['motor'] = this.getMotor();
                a['so'] = this.getSO();
                return a;
            }   
            clientInfo.prototype.getBrowser = function()            
            {
                var a = 'default';
                if(/Opera/.test(navigator.appName))             
                    a = 'opera';                
                else if(/Microsoft Internet Explorer/.test(navigator.appName))              
                    a = 'msie';
                else if(/Iron/.test(navigator.appVersion))
                    a = 'iron';
                else if(/Chrome/.test(navigator.appVersion))
                    a = 'chrome';                   
                else if(/Konqueror/.test(navigator.appVersion))
                    a = 'konqueror';                    
                else if(/Safari/.test(navigator.appVersion))
                    a = 'safari';                   
                else if(/Firefox/.test(navigator.userAgent))
                    a = 'firefox';
                else if(/Iceweasel/.test(navigator.userAgent))
                    a = 'iceweasel';                    
                return a;
            }
            clientInfo.prototype.getMotor = function()          
            {
                var a = 'default';
                if(/Opera/.test(navigator.appName))             
                    a = 'opera';                
                else if(/Microsoft Internet Explorer/.test(navigator.appName))              
                    a = 'msie';
                else if(/WebKit/.test(navigator.userAgent))
                    a = 'webkit';
                else if(/KHTML/.test(navigator.userAgent))
                    a = 'khtml';                    
                else if(/Gecko/.test(navigator.userAgent))
                    a = 'gecko';                    
                return a;
            }           
            clientInfo.prototype.getSO = function()         
            {
                var a = 'default';
                if(/Windows/.test(navigator.userAgent))
                    a = 'windows';
                else if(/Linux/.test(navigator.userAgent))
                    a = 'linux';                    
                return a;
            }               
            clientInfo.prototype.main = function()
            {
                var a = this.getClientInfo();
                return a;
            }           
            var privateMethod = function()
            {
                var a = new Array();
                a['browser'] = this.getBrowser();
                a['motor'] = this.getMotor();
                a['so'] = this.getSO();
                return a; 
            };
            
            var privateVar = privateMethod.call(this);
            alert("Private info: "+privateVar['browser']+" "+privateVar['motor']+" "+privateVar['so']);
            
            this.publicVar = this.main();
        };
        var a = new clientInfo();
        alert("Public info: "+a.publicVar['browser']+" "+a.publicVar['motor']+" "+a.publicVar['so']);
 

[ZiTAL]

marcopoloaz06 y si quieres pasarle parametros a la funcion privada pero a su vez tambien el objeto this, como sería?

[marcopoloaz06]

aaaaa ps se pasa despues de el this

Código javascript:

function.call( this, p1, p2, p3 );
 

o puedes usar apply

Código javascript:

function.apply( this, [p1, p2, p3] );
 

y así
:]

[venkman]

No quiero volver a retomar la discusión sobre "clases" y Javascript pero ampliando un poco el ejemplo que pones, si hacemos:

Código javascript:

var clientInfo = function() {    
    // Todo igual a lo que tienes...
    // ...
};
var a = new clientInfo();
var b = new clientInfo();
b.pez = function() { return "blub, blub"; };
 

¿Qué diríamos que es b.pez()?

[ZiTAL]

¿Un metodo dinámico? Es bastante curioso pero funciona:

Código javascript:

var b = new clientInfo();
b.pez = function() { return "blub, blub"; };
alert(b.pez());
 

[venkman]

Uhm... no sé muy bien a qué te refieres con un método dinámico, pero fíjate que puedo también hacer esto:

Código javascript:

var clientInfo = function() {    
    // Todo igual a lo que tienes...
    // ...
};
var a = new clientInfo();
var b = new clientInfo();
b.pez = function() { return "blub, blub"; };
b.getBrowser = function() { return "Ha, ha, no browser for you!"; };
 
alert("a.getBrowser: " + a.getBrowser());
alert("b.getBrowser: " + b.getBrowser());
 

Y ahora ¿qué es el método getBrowser?

[ZiTAL]

y si hacemos:

Código javascript:

var clientInfo = '';
 
function abc()
{
    alert('hola');
}
        
function abc()
{
    alert('adios');
}
abc();
 

[venkman]

Pero mi ejemplo tiene un detalle más allá de la trivialidad de sobreescribir el método: Supuestamente, si usamos la terminología de "clases", tanto a como b son de la misma clase, ¿no? Pero resulta que tienen diferentes métodos...

A lo que quiero llegar es a que clientInfo no es una "clase", sino una "función generadora" y que Javascript tiene orientación a objetos basada en prototipos y no basada en clases.

[ZiTAL]

ya te ha costado chico, muchas gracias por la aclaración. Se veia que no era una clase pura ya que por algo empieza con function ;)

Alguna otra anotacion, sugerencia como hacerlo etc...?

[eberthb]

Iniciado por marcopoloaz06

Hola, ps puedes mejorar los métodos privados así:

Código javascript:

var privateMethod = function()
            {
                var a = new Array();
                a['browser'] = this.getBrowser();
                return a; 
            };
            
var privateVar = privateMethod.call(this);
 

utilizando call()
saludos
:]

Buenas Noches.
Leyendo en este foro conseguí el siguiente código para respaldar bases de datos en php y me funciona perfecto.
<?php
function Connect($host,$user,$passwd)
{
if(!($link=mysql_connect($host,$user,$passwd)))
{
echo "Error connecting to DDBB.";
exit();
}
return $link;
}
$link=Connect('localhost','root','root');
//
if($_POST['submit'])
{
$db=$_POST['db'];
$output=shell_exec("d:\apps\mysql-5.0.45-win32\bin\mysqldump.exe -u root -proot ".$db); // ejemplo windows
//$output=shell_exec("/usr/bin/mysqldump -u root -proot ".$db); // ejemplo linux
//
if(trim($output)==NULL)
{
echo "Error creando el backup de la DB: ".$db;
exit();
}
header('Content-type: text/plain');
header('Content-Disposition: attachment; filename="'.$db.'.sql"');
echo $output;
exit();
}
$select="show databases";
$select=mysql_query($select);
?>
<html>
<head>
</head>
<body>
<form action="" method="post">
<select name="db">
<?php
while($row = mysql_fetch_row($select))
{
?>
<option value="<?php echo $row[0]; ?>"><?php echo $row[0]; ?></option>
<?php
}
?>
</select>
<input type="submit" name="submit" value="Crear backup" />
</form>
</body>
</html>

Ahora, necesito si puedes el código para restaurar el respaldo realizado.

te agradezco la ayuda que puedas prestarme

Saludos
Eberth Briceño