Estoy tratando de aprender programación orientada a objetos a través de la práctica, pero estoy bastante atascado en este punto. Este es el código:
const itemEdit = () => { let editIndex = buttonObj.editArr.indexOf(editID); console.log(`the editIndex outside of the class is ${editIndex}`); if (typeof editIndex != "undefined") { editText = new htmlTextualizer(editIndex); console.log( "new class successfully created as variable is not 'undefined' type" ); } editText.printOut();Esta es la clase/constructor:
class htmlTextualizer { constructor(curr) { this.curr = curr; } printOut() { console.log(this.curr); } }La salida es 'indefinida' o nada en absoluto. La lógica generalmente funciona fuera de la función, por lo que sospecho que tiene algo que ver con el alcance de la iniciación, pero simplemente no logro solucionarlo. La ayuda sería muy apreciada. Gracias.
indexOf() de JavaScript devuelve -1 si no se encuentra ninguna coincidencia. Ese cheque debería verse así:
if (editIndex > -1) {…}No estoy seguro de si eso resolverá su problema o no, pero es un problema en general.
Además, si esa declaración if no es verdadera, y si editText no está definido en algún lugar fuera de lo que ha pegado aquí, habrá un error porque editText no está undefined (y no tiene métodos disponibles).
Hay varias cosas que no están claras sobre su ejemplo, ya que hace referencia a varios objetos no definidos: buttonObj.editArr, editID, editText.
En general, abordaría las pruebas de existencia con más cuidado. No desea intentar acceder al método indexOf en algo indefinido.
No estoy seguro de cuál es exactamente su lógica comercial, pero así es como creo que es: siempre cree el nuevo objeto, a menos que buttonObj.editArr contenga editID.
Aquí está cómo hacer eso:
const itemEdit = () => { if ( !buttonObj || !buttonObj.editArr || (typeof buttonObj.editArr !== "object") || !editID || (buttonObj.editArr.indexOf(editID) < 0) ) { editText = new htmlTextualizer(buttonObj.editArr.indexOf(editID)); console.log("creating instance of class htmlTextualizer"); } }