#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`

[![consola ejemplo 1][1]][1]

> 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.

[![basura en el prototipado][2]][2]
   
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.

[![prototipado sin basura][3]][3]


  [1]: https://i.sstatic.net/o9fqb.png
  [2]: https://i.sstatic.net/cyI9K.png
  [3]: https://i.sstatic.net/Kgdve.png