2

Esta manipulando unos datos desde la consola de DevTools en Google Chrome en donde a una variable numérica quería aplicarle una función directamente, es decir, de la forma siguiente:

> 100.toExponential()
VM1583:1 Uncaught SyntaxError: Invalid or unexpected token

Lo que intentaba hacer era algo similar a cuando utilizas una cadena de texto como:

> '100'.toString()
"100"

Es decir, sin necesidad de almacenar en una variable mandar a llamar directamente una función asociada al tipo de dato.

Como pueden ver al realizar directa la llamada a la función falla, con el mensaje anterior mostrado, así que realice unas cuantas pruebas más para conocer un poco de los datos:

> a = 100
100
> a.toExponential()
"1e+2"
> Number("100").toExponential();
"1e+2"
> Number(100).toExponential();
"1e+2"

> ({}).toString.call(100.)
"[object Number]"
> typeof 100
"number"
> typeof a
"number"

Pero lo que buscaba era mandar a llamar "directamente" las funciones de una variable numérica así que intente lo siguiente que por cierto funcionó:

> (100).toExponential();
"1e+2"
> 100..toExponential()
"1e+2"

La segunda forma me agrada y busque un poco más al respecto sobre por qué funcionaba y encontré los siguientes enlaces:

¿Alguien que tenga conocimiento de qué sucede por detrás de esta expresión 100..toExponential() y de por qué esto funciona?

0

1 respuesta 1

2

El caso que expones: 100.toExponential( ) no funciona por la sencilla razón de que un número inmediatamente seguido de un punto, es la forma de representar número decimal o de coma flotante.

El compilador, al encontrarse el punto ., espera un dígito a continuación; en lugar de eso, encuentra un caracter, y se queja.

Para solventar lo que pretendes, llamar directamente a funciones en literales numéricos sin producir ambigüedad, el lenguaje proporciona varios métodos alternativos:

  1. Encerrar el número entre paréntesis ( 100 ).toExponential( ).
  2. Dejar un espacio entre el número y el punto: 100 .toExponential( ).
  3. Colocar un salto de línea entre el número y el punto:

    100
       .toExponential( )
    
  4. Utilizar dos puntos .. en lugar de uno: 100..toExponential( ).
  5. Utilizar un número decimal, colocando un 0: 100.0.toExponential( ).

Cualquiera de estos métodos es suficiente para que el compilador sepa que el número ha terminado, y siga parseando a partir de ahí.

Todo esto puede verse en la página de la MDN, en perfecto inglés.

Edito

Gracias al comentario de @Angel Oropeza, añado otra forma: usando la invocación mediante corchetes:

  1. Usando corchetes [] para delimitar el nombre del método: 100["toExponential"]( ).
5
  • Interesante, no sabía que existía documentación al respecto. Por cierto, de acuerdo a la documentación que colocaste el punto 3. y 4. son incorrectos ya que debe ser 100 .toExponential( ). Commented el 26 nov. 2018 a las 21:33
  • Adicional, gracias a tu orientación pude encontrar más información en particular esta pregunta que añade una nueva forma: 100["toExponential"]() Commented el 26 nov. 2018 a las 21:36
  • ¡ Huy ! Cierto, gazapo por mi parte. Editado. Esa forma que dices, la verdad es que no se me hubiera ocurrido :-O
    – Trauma
    Commented el 26 nov. 2018 a las 21:39
  • 1
    En realidad, todas ellas vienen a ser mas o menos lo mismo. Finalizar el número antes de que el compilador encuentre el punto. Con tu permiso, añado la forma con corchetes a la respuesta.
    – Trauma
    Commented el 26 nov. 2018 a las 21:39
  • 1
    ¡Adelante! Eso ayudaría bastante a quién se tope con este tema. Commented el 26 nov. 2018 a las 21:43

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.