Primera pregunta
Cuando llamamos a una función con el operador new
se crea un nuevo objeto accesible desde la referencia this
, no obstante si llamamos a una función con call
el objeto enviado en el primer parámetro será la referencia accesible por this
. Si no se especifica objeto alguno para la referencia en this
, entonces this
sera el objeto window
(en navegadores, en nodejs sería el objeto global
)
function Foo()
{
return this;
}
Si hacemos
console.log(Foo()) // window
console.log(new Foo()) // {}
Es totalmente equivalente a hacer
console.log(Foo.call(window)) // window
console.log(Foo.call({})) // {}
La única diferencia resultante, es que nosotros creamos el objeto, en lugar de delegarselo al operador new
No entiendo porqué llama al constructor Document con call desde Book,
sé que call es para llamar a una función cambiandole el contexto y
pasando parámetros, parecido a apply(pero este es con array como
parametro).
Lo hace para poder aplicar el constructor Document
al objeto referenciado por this
en Book
(ya sea con el operador new o sin él), en palabras de POO sería "Llamar al constructor padre" en Javascript sería "Aplicar Document al objeto referenciado en this"
Los nuevos en Javascript cometen el inocente error de codear algo como esto
function Book(...)
{
this = new Document(...);
}
La lógica es: hacer que this, sea una nueva instancia de Document
, y posterior a ello, trabajaríamos con dicho objeto para hacer nuevos cambios. El anterior razonamiento es totalmente válido, si no fuese por la problemática en que this
es un atributo constante de solo lectura, y por ende no se puede cambiar su valor.
Como puedes ver, la problemática de this
es la que obliga a usar call
o bien copiar los atributos del nuevo objeto en el objeto referenciado por this
, a través de assign
function Book(...)
{
Object.assign(this, new Document(...))
}
El anterior código es válido semánticamente, y también lo permite el lenguaje, sin embargo no es la opción más óptima. Ya que se crea un nuevo objeto en la marcha, y se pierde tiempo de cómputo en copiar los atributos, por ello es que se utiliza call
.
Segunda pregunta
No entiendo que hace en Book.prototype =
Object.create(Document.prototype), investigando leí que es para
heredar el prototipo de Document, pero porque no mejor instanciarlo?,
además probé yo mismo haciendo código y creo que sí lo hereda, pero
para realmente estar seguro, quiero saber que realmente sucede.
Eso se debe a que es la forma más habitual o bien "más correcta" de elaborar una cadena de prototipado, semánticamente (para la POO), ambos son correctos, no obstante, en la cadena prototipados nos toparíamos en que el prototipo de Book
contiene en su cadena de prototipados a un objeto resultante de aplicar Document
, lo cuál no es lo que realmente queremos... Nosotros queremos que Book
contenga en su cadena de prototipados el prototipo de Document
Para verlo mejor
function Punto2D(x,y)
{
this.x = x;
this.y = y;
}
Punto2D.prototype = {
setX: function(x){this.x = x},
setY: function(y){this.y = y}
}
function Punto3D(x, y, z)
{
Punto2D.call(this, x, y)
this.z = z
}
Punto3D.prototype = new Punto2D()
Si nosotros hacemos lo anterior, nuestra cadena de prototipado contiene basura.
La razón: la cadena de prototipados de Punto3D no contiene al prototipo de Punto2D, si no más bien a una instancia de él.
Si se cambiase la última línea por
Punto3D.prototype = Object.create(Punto2D.prototype)
La cadena de prototipos no contendría basura, ya que todo objeto es un prototipo, no una instancia de algún constructor concreto.