Autor Tema: Conflictos de nombres. Constructores JavaScript. Crear objetos vacíos. CU01145E (Leído 2494 veces)

Salvadoruve2 · « **en:** 20 de Julio 2016, 14:28 »

Hola aquí dejo mi resultado al ejercicio propuesto en este apartado.

Como siempre abierto a sugerencias estoy.

Solo añadir que he introducido un ejemplo en el código al crear una función de nombre "despedir" en el que intento crear un conflicto con el método "gestionUsuario.despedir" y resulta que no hay ningún conflicto. El código se ejecuta correctamente.

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
	<title>empty heart</title>
	<meta charset="utf-8">
	<style type="text/css">
		body {text-align: center; margin: 0 auto;}
		div {padding:15px; width: auto; display: inline-block; margin: 25px; margin-top: 300px; cursor: pointer; color: white; border-radius: 40px; background: rgb(202, 60, 60);}
		div:hover, div:hover {background: rgb(66, 184, 221);}
	</style>
	<script type="text/javascript">
		function start() {
			var gestionUsuario = {};

			gestionUsuario.preguntarNombre = function () {
				this.nombreUsuario = prompt('Por favor introduzca su nombre');
				this.idUsuario = prompt('Por favor introduzca su Id de Usuario');
			}
			gestionUsuario.preguntarNombre();

			gestionUsuario.despedir = function () {
				alert('Has visto que fácil era? Hasta luego ' + this.nombreUsuario);
			}

			gestionUsuario.despedir();

			var conflictos = new despedir();
		}

		function despedir() {
			alert('Comprobando conflictos');
		}
	</script>
</head>
<body>
<div onclick="start()">Crear Usuario</div>
</body>
</html>

César Krall · « **Respuesta #1 en:** 29 de Julio 2016, 14:06 »

Hola! Veo el ejercicio bien resuelto. Yo lo veo más claro ordenando el código de esta otra manera:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
	<head>
		<title>empty heart</title>
		<meta charset="utf-8">
		<style type="text/css">
			body {text-align: center; margin: 0 auto;}
			div {padding:15px; width: auto; display: inline-block; margin: 25px; margin-top: 300px; cursor: pointer; color: white; border-radius: 40px; background: rgb(202, 60, 60);}
			div:hover, div:hover {background: rgb(66, 184, 221);}
		</style>
		<script type="text/javascript">
			var gestionUsuario = {};
			
			gestionUsuario.preguntarNombre = function () {
				this.nombreUsuario = prompt('Por favor introduzca su nombre');
				this.idUsuario = prompt('Por favor introduzca su Id de Usuario');
			}
			
			gestionUsuario.despedir = function () {
				alert('Has visto que fácil era? Hasta luego ' + this.nombreUsuario);
			}
			
			function start() {
				gestionUsuario.preguntarNombre();
				gestionUsuario.despedir();
				var conflictos = new despedir();
			}
			
			function despedir() {
				alert('Comprobando conflictos');
			}
			
		</script>
	</head>
	<body>
		<div onclick="start()">Crear Usuario</div>
	</body>
</html>

Al crear espacios de nombres evitamos conflictos

Saludos!

Salvadoruve2 · « **Respuesta #2 en:** 29 de Julio 2016, 21:28 »

Pues si la verdad.. mucho mas claro y ordenado.

Gracias!

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: