zeroidentidad/app.js

## app.js
import variableModulo, {MiClase} from "./modulo.js";

const texto = document.createElement("p");
texto.textContent = variableModulo;

contenedor.appendChild(texto);

const obj = {propx: 'holax', propy: 'holay'}
const usar = new MiClase(obj, 'otro valor');
usar.miFuncion();

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./app.js" type="module"></script>
</head>
<body>
    <div id="contenedor"></div>
</body>
</html>

## modulo.js
const variableModulo = 'Valor variableModulo';

export default variableModulo;

class Componente {
    constructor(propiedades='Valor default') {
        this.propiedades = propiedades;
    }

    funcionComponente() {
        console.log(`Valores recibidos: ${JSON.stringify(this.propiedades)}`);
    }
}

export class MiClase extends Componente {
    constructor(propiedades, mipropiedad= 'Mi valor default') {
        super(propiedades);
        this.mipropiedad = mipropiedad;
    }

    miFuncion() {
        super.funcionComponente()
        console.log(`Mas ${JSON.stringify(this.mipropiedad)}`);
    }
}
	import variableModulo, {MiClase} from "./modulo.js";

	const texto = document.createElement("p");
	texto.textContent = variableModulo;

	contenedor.appendChild(texto);

	const obj = {propx: 'holax', propy: 'holay'}
	const usar = new MiClase(obj, 'otro valor');
	usar.miFuncion();
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<script src="./app.js" type="module"></script>
	</head>
	<body>
	<div id="contenedor"></div>
	</body>
	</html>
	const variableModulo = 'Valor variableModulo';

	export default variableModulo;

	class Componente {
	constructor(propiedades='Valor default') {
	this.propiedades = propiedades;
	}

	funcionComponente() {
	console.log(`Valores recibidos: ${JSON.stringify(this.propiedades)}`);
	}
	}

	export class MiClase extends Componente {
	constructor(propiedades, mipropiedad= 'Mi valor default') {
	super(propiedades);
	this.mipropiedad = mipropiedad;
	}

	miFuncion() {
	super.funcionComponente()
	console.log(`Mas ${JSON.stringify(this.mipropiedad)}`);
	}
	}