tenYearsChallenge.js

/*
==========================================
	Prototypal syntax vs Class syntax
========================================== 
*/

function Poligono(alto, ancho) {
	this.alto = alto;
	this.ancho = ancho;
}

Poligono.prototype.calcArea = function() {
	return this.alto * this.ancho;
}

var cuadrado = new Poligono(10, 10);

cuadrado.calcArea() // 100

// --------------- Now -----------------

class Poligono {
  	constructor (alto, ancho) {
    	this.alto = alto;
    	this.ancho = ancho;
  	}

  	calcArea () {
    	return this.alto * this.ancho ;
  	}
}

const cuadrado = new Poligono(10, 10);

cuadrado.calcArea(); // 100


/* 
==========================================
	Spread parameters
========================================== 
*/
var list = [10, 20];

function calcArea( alto, ancho){
	return alto * ancho;
}

calcArea.apply(null, list); // 200

// --------------- Now -----------------

calcArea(...list); // 200


/* 
==========================================
	Default parameters
========================================== 
*/

function calcArea( alto, ancho){
	alto  = (typeof alto  !== 'undefined') ?  alto  : 10;
	ancho = (typeof ancho !== 'undefined') ?  ancho : 10;
	return alto * ancho;
}

// --------------- Now -----------------

function calcArea( alto=10, ancho=10){
	return alto * ancho;
}


/* 
==========================================
	`let` hoisting
========================================== 
*/

for (var i = 1; i <= 5; i++){
	(function(i){
		setTimeout(function() { 
	    	console.log(i);
	    }, 100*i);
	})(i);
}

// --------------- Now -----------------

for (let i = 1; i <= 5; i++){
    setTimeout(
		() => console.log(i),
		100*i
	);
}


/* 
==========================================
	fetch vs XMLHttpRequest
========================================== 
*/

var req = new XMLHttpRequest();
req.open(
	'GET',
	'https://barranquillajs.com/manifest.json',
	true
);
req.onreadystatechange = function (aEvt) {
	if (req.readyState == 4) {
		if(req.status == 200)
		console.log(req.responseText);
	else
		console.log("Error loading page\n");
	}
};
req.send(null);


// --------------- Now -----------------

fetch('https://barranquillajs.com/manifest.json')
.then(res => res.json())
.then(console.log);

// =====================================