Tengo el siguiente código (fragmento de un programa más grande y dentro de una función asíncrona):
foo = questionData.media ? (await new Promise(resolve => { const image = new Image(); image.onload = function () { const canvas = document.ceateElement("canvas"); canvas.width = this.width; canvas.height = this.height; canvas.drawImage(image, 0, 0, this.width, this.height); resolve(canvas.toDataURL("image/jpg")); }; image.src = "https://example.com/" + questionData.media; })) : false; Sigo recibiendo SyntaxError: Unexpected token 'new' en la primera línea, y no tengo idea de por qué. Cuando trato de usar paréntesis:
foo = questionData.media ? (await (new Promise(resolve => { const image = new Image(); image.onload = function () { const canvas = document.ceateElement("canvas"); canvas.width = this.width; canvas.height = this.height; canvas.drawImage(image, 0, 0, this.width, this.height); resolve(canvas.toDataURL("image/jpg")); }; image.src = "https://example.com/" + questionData.media; }))) : false; Y obtengo Uncaught ReferenceError: await is not defined .
Mientras tanto, tengo este código que funciona bien:
data.push(await new Promise(resolve => { const req = new XMLHttpRequest(); req.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { resolve(this.responseText); } }; req.open("GET", `https://example.com/${id}/answer`, true); req.send(); }));¿Qué me estoy perdiendo?
Parece que no está en una función asíncrona, por lo que await no se interpreta como una palabra clave, sino como un nombre de variable. Si coloca el fragmento inicial completo en una función asíncrona, funcionará como se esperaba.
que esta pasando con
Token inesperado 'nuevo'
y
esperar no está definido
es que, cuando no está en una función asíncrona,esas palabras se interpretan como identificadores normales (nombres de variables) ; si las cambia por otro nombre de variable de marcador de posición, tiene más sentido por qué la sintaxis no sería válida:
foo = questionData.media ? (someVariable new Promise(resolve => { foo = questionData.media ? (someVariable (new Promise(resolve => { Ninguno de los dos tiene sentido, por lo que el analizador le dará errores como se esperaba, cuando usa await cuando no está en una función asíncrona.