Herencia en JavaScript

[Pantaláimon]

Hola gsx2558

Tienes que pensar que enlazar scripts es como hacer un copy paste del código en el código HTML. Es decir, que por estar en archivos distintos no quiere decir que esten en módulos separados y no puedas acceder a la otra clase. Así que tranquilamente podrías hacer:

fichero ClaseA.js :

Código Javascript:

function ClaseA() {
    this.nombre = "pepe";
    this.apellido = "garcia";
 
    this.saludar = function() {
        document.writeln(this.nombre); 
    }
}
 

fichero ClaseB.js :

Código Javascript:

function ClaseB() {
    this.edad = 10;
    this.peso = 70;
 
    this.saludarDos = function () {
        document.writeln(this.edad);
    };
}
 
ClaseB.prototype = new ClaseA();
 

Y luego el html:

Código HTML:

...
<script type="text/javascript" src="ClaseA.js"></script>
<script type="text/javascript" src="ClaseB.js"></script>
<script type="text/javascript">
var clase = new ClaseB();
var clasea = new ClaseA();
//...
</script>
...
 

PD.: Si te interesa y quieres programar modularmente en javascript puedes empezar mirando el patrón AMD (usado por requireJS) o el patrón CommonJS usado por node.js y que con browserify te lo deja listo para correr en el navegador

Un saludo!