Criar uma classe JS: IIFE vs return prototype
Vamos ver dois exemplos em que vou tentar explicar o que quero entender.
var Car = function(){
// Init class
function Car() { };
// Private func/vars
var private = { color:'red' };
// Public func/vars
Car.prototype = {
newColor: function(color) { private.color = color },
getColor: function() { return private.color }
};
return Car.prototype; // return with prototype
};
var myCar = new Car();
E:
var Car = (function(){
// Init class
function Car() { };
// Private func/vars
var private = { color:'red' };
// Public func/vars
Car.prototype = {
newColor: function(color) { private.color = color },
getColor: function() { return private.color }
};
return Car; // avoid prototype adding parentheses on next line;
})();
var myCar = new Car();
Vamos ver !, Ambas as classes são criadas como expressão de função e ambas funcionam igualmente. As únicas diferenças entre eles são: O primeiro retorna a função Car com sua propriedade prototype. O segundo funciona retornando a função Car, evitando a propriedade do protótipo e, em vez disso, usa o IIFE.
Quais são as diferenças entre o usoreturn Car.prototype;
e evitar o IIFE e usarreturn Car;
usando IIFE (parênteses no final da declaração de classe).