Skip to main content
Se aumentó aclaración sobre ES2015
Origen Enlace
Carlos Muñoz
  • 13.5k
  • 2
  • 47
  • 67

En el 3er caso no se está simulando una clase ya que simplemente se tiene un único objeto con propiedades y funciones.

En el 2do, al asignar las funciones al prototype se están definiendo los métodos en el prototipo de la función lo cual significa que existe una única copia de los métodos para todas las instancias de la "clase", de forma similar como se implementa en otros lenguajes.

En el 1er caso no solo se logra lo anterior sino que al haber una clausura se permite encapsular también métodos privados que no tienen alcance fuera de la función mas externa, con lo cual es lo más parecido a una clase.

Excepto por el método privado esta forma es como TypeScript, que es un superconjunto de JavaScript compila sus clases a JavaScript.

Typescript:

class NombreClase {
    metodo(){
        //código
    }

    static metodoEstático(){
        //código
    }
}

JavaScript:

var NombreClase = (function () {
    function NombreClase() {
    }
    NombreClase.prototype.metodo = function () {
        //código
    };
    NombreClase.metodoEstático = function () {
        //código
    };
    return NombreClase;
})();

Nota: Cabe mencionar también que la sintaxis de clases de TypeScript (sin contar las anotaciones de tipos) coincide con la sintaxis de ECMAScript 2015 (anteriormente conocido como ECMAScript 6) por lo que si tu plataforma objetivo es antigua puedes utilizar TypeScript y si la plataforma es suficientemente moderna puedes utilizar JavaScript en ambos casos con la misma sintaxis.

En el 3er caso no se está simulando una clase ya que simplemente se tiene un único objeto con propiedades y funciones.

En el 2do, al asignar las funciones al prototype se están definiendo los métodos en el prototipo de la función lo cual significa que existe una única copia de los métodos para todas las instancias de la "clase", de forma similar como se implementa en otros lenguajes.

En el 1er caso no solo se logra lo anterior sino que al haber una clausura se permite encapsular también métodos privados que no tienen alcance fuera de la función mas externa, con lo cual es lo más parecido a una clase.

Excepto por el método privado esta forma es como TypeScript, que es un superconjunto de JavaScript compila sus clases a JavaScript.

Typescript:

class NombreClase {
    metodo(){
        //código
    }

    static metodoEstático(){
        //código
    }
}

JavaScript:

var NombreClase = (function () {
    function NombreClase() {
    }
    NombreClase.prototype.metodo = function () {
        //código
    };
    NombreClase.metodoEstático = function () {
        //código
    };
    return NombreClase;
})();

En el 3er caso no se está simulando una clase ya que simplemente se tiene un único objeto con propiedades y funciones.

En el 2do, al asignar las funciones al prototype se están definiendo los métodos en el prototipo de la función lo cual significa que existe una única copia de los métodos para todas las instancias de la "clase", de forma similar como se implementa en otros lenguajes.

En el 1er caso no solo se logra lo anterior sino que al haber una clausura se permite encapsular también métodos privados que no tienen alcance fuera de la función mas externa, con lo cual es lo más parecido a una clase.

Excepto por el método privado esta forma es como TypeScript, que es un superconjunto de JavaScript compila sus clases a JavaScript.

Typescript:

class NombreClase {
    metodo(){
        //código
    }

    static metodoEstático(){
        //código
    }
}

JavaScript:

var NombreClase = (function () {
    function NombreClase() {
    }
    NombreClase.prototype.metodo = function () {
        //código
    };
    NombreClase.metodoEstático = function () {
        //código
    };
    return NombreClase;
})();

Nota: Cabe mencionar también que la sintaxis de clases de TypeScript (sin contar las anotaciones de tipos) coincide con la sintaxis de ECMAScript 2015 (anteriormente conocido como ECMAScript 6) por lo que si tu plataforma objetivo es antigua puedes utilizar TypeScript y si la plataforma es suficientemente moderna puedes utilizar JavaScript en ambos casos con la misma sintaxis.

Ortografía mejorada
Origen Enlace
Carlos Muñoz
  • 13.5k
  • 2
  • 47
  • 67

En el 3er caso no se está simulando una clase ya que simplemente se tiene un único objeto con propiedades y funciones.

En el 2do Al, al asignar las funciones al prototype si se estáestán definiendo los métodos en el prototipo de la función lo cual significa que existe una única copia de los métodos para cada instancia del objeto creadotodas las instancias de la "clase", de forma similar como se implementa en otros lenguajes.

En el 1er caso no solo se logra lo anterior sino que al haber una clausura se permite encapsular también métodos privados que no tienen alcance fuera de la función mas externa, con lo cual es lo más parecido a una clase.

Excepto por el método privado esta forma es como TypeScript, que es un superconjunto de JavaScript compila sus clases a JavaScript.

Typescript:

class NombreClase {
    metodo(){
        //código
    }

    static metodoEstático(){
        //código
    }
}

JavaScript:

var NombreClase = (function () {
    function NombreClase() {
    }
    NombreClase.prototype.metodo = function () {
        //código
    };
    NombreClase.metodoEstático = function () {
        //código
    };
    return NombreClase;
})();

En el 3er caso no se está simulando una clase ya que simplemente se tiene un único objeto con propiedades y funciones.

En el 2do Al asignar las funciones al prototype si se está definiendo los métodos en el prototipo de la función lo cual significa que existe una única copia de los métodos para cada instancia del objeto creado, de forma similar como se implementa en otros lenguajes

En el 1er caso no solo se logra lo anterior sino que al haber una clausura se permite encapsular también métodos privados que no tienen alcance fuera de la función mas externa, con lo cual es lo más parecido a una clase

Excepto por el método privado esta forma es como TypeScript, que es un superconjunto de JavaScript compila sus clases a JavaScript

Typescript:

class NombreClase {
    metodo(){
        //código
    }

    static metodoEstático(){
        //código
    }
}

JavaScript:

var NombreClase = (function () {
    function NombreClase() {
    }
    NombreClase.prototype.metodo = function () {
        //código
    };
    NombreClase.metodoEstático = function () {
        //código
    };
    return NombreClase;
})();

En el 3er caso no se está simulando una clase ya que simplemente se tiene un único objeto con propiedades y funciones.

En el 2do, al asignar las funciones al prototype se están definiendo los métodos en el prototipo de la función lo cual significa que existe una única copia de los métodos para todas las instancias de la "clase", de forma similar como se implementa en otros lenguajes.

En el 1er caso no solo se logra lo anterior sino que al haber una clausura se permite encapsular también métodos privados que no tienen alcance fuera de la función mas externa, con lo cual es lo más parecido a una clase.

Excepto por el método privado esta forma es como TypeScript, que es un superconjunto de JavaScript compila sus clases a JavaScript.

Typescript:

class NombreClase {
    metodo(){
        //código
    }

    static metodoEstático(){
        //código
    }
}

JavaScript:

var NombreClase = (function () {
    function NombreClase() {
    }
    NombreClase.prototype.metodo = function () {
        //código
    };
    NombreClase.metodoEstático = function () {
        //código
    };
    return NombreClase;
})();
Origen Enlace
Carlos Muñoz
  • 13.5k
  • 2
  • 47
  • 67

En el 3er caso no se está simulando una clase ya que simplemente se tiene un único objeto con propiedades y funciones.

En el 2do Al asignar las funciones al prototype si se está definiendo los métodos en el prototipo de la función lo cual significa que existe una única copia de los métodos para cada instancia del objeto creado, de forma similar como se implementa en otros lenguajes

En el 1er caso no solo se logra lo anterior sino que al haber una clausura se permite encapsular también métodos privados que no tienen alcance fuera de la función mas externa, con lo cual es lo más parecido a una clase

Excepto por el método privado esta forma es como TypeScript, que es un superconjunto de JavaScript compila sus clases a JavaScript

Typescript:

class NombreClase {
    metodo(){
        //código
    }

    static metodoEstático(){
        //código
    }
}

JavaScript:

var NombreClase = (function () {
    function NombreClase() {
    }
    NombreClase.prototype.metodo = function () {
        //código
    };
    NombreClase.metodoEstático = function () {
        //código
    };
    return NombreClase;
})();