Código

1 class Cl01 {
    constructor(b) {
     this.a = b
    }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
   const a = new Cl01(4)
   a.mensaje(2)

Stack

Heap

Explicación

1. Se crea un registro de activación para el script.
2. Se crea la clase Cl01 en el Heap.
3. En el registro de activación del script se crea la referencia Cl01 que apunta a la clase Cl01.

Código

1 class Cl01 {
    constructor(b) {
     this.a = b
    }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
   const a =2new Cl01(4)
   a.mensaje(2)

Stack

Heap

Explicación

• Se crea un objeto de la clase Cl01, sin ninguna property y se le asigna un identificador, que en este caso es 2.

Código

1 class Cl01 {
    constructor(b) {
     this.a = b
    }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
   const a =2new3Cl01(4)
   a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

Explicación

1. Se invoca el constructor.
2. Se congela el registro de Script en el stack.
3. En expresiones se indica el paso de parámetros. En vez de new se sustituye el id del objeto creado, que en este caso es 2.

Código

1 class Cl01 {
4  constructor(b) {
     this.a = b
    }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
   const a =2new3Cl01(4)
   a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

Explicación

1. Se crea el registro de activación para el constructor de Cl01.
2. Se realiza el paso de parámetros.
   • El resultado de new, que en este caso es 2, se pasa a this.
   • El primer parámetro de la invocación, que es 4, se pasa al primer parámetro del constructor, que es b.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
    }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
   const a =2new3Cl01(4)
   a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

Explicación

• Se asigna el valor de la variable b en el registro de activación, a la variable a en el objeto apuntado por this.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
   const a =2new3Cl01(4)
   a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

Explicación

• Termina el registro de activación y devuelve el valor de this, que es 2.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
   const a =2new3Cl01(4)7→2
   a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

Explicación

• Descongela el último registro de activación congelado en el stack.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
8 const a =2new3Cl01(4)7→2
   a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

Explicación

• Crea la constante de referencia a en el stack, cuyo valor es el devuelto por el constructor.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
    mensaje(c) {
     console.log(c + this.a)
    }
   }
8 const a =2new3Cl01(4)7→2
9 a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

9a.mensaje(2)
  2.mensaje(2)

Explicación

1. Se invoca el método a.mensaje.
2. Se congela el registro de Script en el stack.
3. En expresiones se indica el paso de parámetros. Se sustituye el valor de a, que en este caso es la referencia 2.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
10 mensaje(c) {
     console.log(c + this.a)
    }
   }
8 const a =2new3Cl01(4)7→2
9 a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

9a.mensaje(2)
  .mensaje()

10this.mensaje(c)

Explicación

1. Se crea el registro de activación para Cl01.mensaje.
2. Se realiza el paso de parámetros.
   1. El valor de a, que en este caso es la referencia 2, se pasa a this.
   2. El primer parámetro de la invocación, que es 2, se pasa al primer parámetro del constructor, que es c.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
10 mensaje(c) {
     console.log(11c + this.a)
    }
   }
8 const a =2new3Cl01(4)7→2
9 a.mensaje(2)

Stack

Heap

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

9a.mensaje(2)
  .mensaje()

10this.mensaje(c)

11c + this.a
   2 + 4
     6

Explicación

• Se calcula la expresión del parámetro.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
10 mensaje(c) {
12  console.log(11c + this.a)
    }
   }
8 const a =2new3Cl01(4)7→2
9 a.mensaje(2)

Stack

Heap

Consola

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

9a.mensaje(2)
  .mensaje()

10this.mensaje(c)

11c + this.a
   2 + 4
     6

Explicación

• Se muestra el resultado de la expresión 11.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
10 mensaje(c) {
12  console.log(11c + this.a)
13 }
   }
8 const a =2new3Cl01(4)7→2
9 a.mensaje(2)

Stack

Heap

Consola

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

9a.mensaje(2)
  .mensaje()

10this.mensaje(c)

11c + this.a
   2 + 4
     6

Explicación

• Elimina el registro de activación.

Código

1 class Cl01 {
4  constructor(b) {
5   this.a = b
6  }
10 mensaje(c) {
12  console.log(11c + this.a)
13 }
   }
8 const a =2new3Cl01(4)7→2
9 a.mensaje(2)14

Stack

Heap

Consola

Expresiones

3new Cl01(4)
     Cl01(4)

4this Cl01(b)

5this.a = b
   2  .a = 4

9a.mensaje(2)
  .mensaje()

10this.mensaje(c)

11c + this.a
   2 + 4
     6

Explicación

1. Descongela el último registro de activación congelado en el stack.

2. Como no hay más instrucciones, Elimina el registro de activación y termina el programa.