Hago una variable de tipo Document
en JavaScript mediante new Document()
, y quisiera hacer que detecte si el tipo es Document
o no. ¿Es posible hacer esto?
var documento = new Document()
Parece fácil, mi intento fue el siguiente:
documento.toString()==="[object Document]"
Con esto a mi parecer estaba solucionado, pero yo puedo hacer:
var documento = "[object Document]"
Si quiero hacer la comprobación anterior, me va a dar true
, pero ahora documento
es de tipo String, ya no es Document
.
Puedo mirar el constructor
, lo siguiente devuelve true
:
documento.constructor===Document
Es posible eliminar Document
. ¿Por qué el navegador permite hacer esto?
delete Document
Si lo intento, la variable documento
seguirá siendo de tipo Document
, pero ya no tengo manera de comprobarlo. Haciendo esto, al parecer es imposible recuperar el Document
eliminado, a no ser que esté perteneciendo a alguna variable desconocida.
Entonces no voy a borrarlo, pero puedo ir más lejos, cambiando su __proto__
y su constructor
por Array
.
documento.__proto__ = Array()
documento.constructor = Array()
Para mi sorpresa, en la consola de mi navegador, que es Chromium sigo viendo que el resultado de la variable es #document
.
Si convierto la variable a string mediante JSON.stringify
me muestra su location
.
JSON.stringify(documento)
Si intento eliminar su propiedad location
me devuelve false
. Eso es buen indicio que es de tipo Document
, ya que no es posible instanciar un Location
directamente, es decir, un Location
solo pertenece a Document
.
delete documento.location // Devuelve false
Sabiendo todo esto, puedo crear un objeto desde cero y hacer que se parezca a un Document
pero sin serlo realmente. Puedo hacer que sea imposible eliminar location
, y que al hacer toString()
muestre [object Document]
:
var documento = {location: null}
documento.__proto__ = new Document()
Object.defineProperty(documento,"location",{
writable: true,
enumerable: false,
configurable: false
})
Object.defineProperty(documento,"constructor",{
writable: true,
enumerable: false,
configurable: true,
value: Document
})
Object.defineProperty(documento,"toString",{
writable: true,
value: x=>"[object Document]",
enumerable: false
})
Lo que no logro hacer es que se muestre #document
. En cambio, muestra lo siguiente:
Document {location: null, constructor: ƒ, toString: ƒ}
Aunque se ve que son diferentes, no conozco ningún método en JavaScript para comprobar que son diferentes.
Estoy en Linux con el navegador Chromium, y la versión es la siguiente:
Versión 80.0.3987.163 (Build oficial) snap (64 bits)
Dejo otra captura de pantalla, pueden comprobarlo ustedes mismos.
Entonces me surgen muchas preguntas:
¿Esto es un bug del navegador? y si es así, ¿Está reportado? ¿Puede verse en el código fuente?
Cuando la consola muestra
#document
, ¿Lo que muestra puede obtenerse desde alguna propiedad de la variabledocumento
?¿Es posible guardar la salida de la consola en una variable?
¿Por qué el tipo sigue siendo
#document
si ya le cambié su__proto__
y suconstructor
?
getProprotypeOf
te dejo el enlace a la documentación oficial en español: https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Object/getPrototypeOf p.d. gracias @Ruben> []
, y además me sucede algo extraño, mientras estoy escribiendo el nombre de la variabledocumento
, aparece la vista previa del resultado comoArray
en color violeta transparente, y cuando presiono la teclaEntrar
se muestra como#document
. Dejo una captura de pantalla. i.sstatic.net/VLz43.png