Hola tengo una pregunta que me intriga mucho y es Symbol.species
.
Ok, entiendo que todo esto de los símbolos son parte de las características que trajo ES6 (Meta programación).
Existen dos tipos de estos símbolos los conocidos y no conocidos.
Segun todos los ejemplos de la red y libros muestran el clásico ejemplo implementado por MDN:
class MyArray extends Array {
isEmpty() {
return this.length === 0;
}
static get [Symbol.species]() {
return Array;
}
}
Y lo implementan así:
let array = new MyArray(3, 5, 4);
array.isEmpty(); // => false
let odds = array.filter(item => item % 2 === 1);
odds instanceof Array; // => true
odds instanceof MyArray; // => false
console.log(odds) // => [3, 5]
class MyArray extends Array {
isEmpty() {
return this.length === 0;
}
static get [Symbol.species]() {
return Array;
}
}
let array = new MyArray(3, 5, 4);
array.isEmpty(); // => false
let odds = array.filter(item => item % 2 === 1);
odds instanceof Array; // => true
odds instanceof MyArray; // => false
console.log(odds) // => [3, 5]
Lo que entiendo, es que Symbol.species
, en esta implementación, se asegura que todos los objectos tengan su propio constructor Array. Si Symbol.species
no está personalizada, array.filter()
devolvería una instancia de MyArray.
Ok creo que todo esta claro para mi hasta ahora, pero cuando hago esto:
class MyArray extends Array {
isEmpty() {
return this.length === 0;
}
static get [Symbol.species]() {
return Object;
}
}
Y pasa esto:
let array = new MyArray(3, 5, 4);
array.isEmpty(); // => false
let odds = array.filter(item => item % 2 === 1);
odds instanceof Array; // => false
odds instanceof MyArray; // => false
odds instanceof Object; // => true
console.log(odds) // => Number {0, 0: 3, 1: 5}
class MyArray extends Array {
isEmpty() {
return this.length === 0;
}
static get [Symbol.species]() {
return Object;
}
}
let array = new MyArray(3, 5, 4);
array.isEmpty(); // => false
let odds = array.filter(item => item % 2 === 1);
odds instanceof Array; // => false
odds instanceof MyArray; // => false
odds instanceof Object; // => true
console.log(odds) // => Number {0, 0: 3, 1: 5}
Todo esto para mi hasta aquí esta entendible, lo interesante y me pregunto que esta pasando detrás de escena con el resultado del console.log()
la ultima implementación.
Porque devuelve un objecto Number(), disculpen si es muy tonta la pregunta pero no entiendo porque pasa esto, aun me falta muchas cosas que no entiendo de JS.
odds instanceof Object; // => true
te lo esta diciendo al cambiar el tipo get ` static get [Symbol.species]() { return Object;` al metodo este te obliga a recorrerlo de otra formaObject.keys
yObject. values
y por ello tienes esa respuesta