JSLint dice "parametro radix mancante"

Ho eseguito JSLint su questo codice JavaScript e ha detto:

Problema alla riga 32 carattere 30: parametro radix mancante.

Questo è il codice in questione:

imageIndex = parseInt(id.substring(id.length - 1))-1;

Cosa c'è che non va qui?

È sempre buona norma passare radix con parseInt -

parseInt(string, radix)

Per decimale -

parseInt(id.substring(id.length - 1), 10)

Se il parametro radix viene omesso, JavaScript presuppone quanto segue:

• Se la stringa inizia con "0x", la radice è 16 (esadecimale)
• Se la stringa inizia con "0", la radice è 8 (ottale). Questa funzione è obsoleta
• Se la stringa inizia con qualsiasi altro valore, la radice è 10 (decimale)

( Riferimento )

Per evitare questo avviso, invece di utilizzare:

parseInt("999", 10);

Puoi sostituirlo con:

Number("999");

^{Si noti che parseInt e Number hanno comportamenti diversi , ma in alcuni casi, uno può sostituire l'altro.}

Non sto rispondendo correttamente alla domanda ma, penso che abbia senso chiarire perché dovremmo specificare il radix .

Sulla documentazione MDN possiamo leggere che:

Se radix non è definito o 0 (o assente), JavaScript presuppone quanto segue:

• [...]
• Se la stringa di input inizia con "0", radix è otto (ottale) o 10 (decimale). L'esatta scelta di radix dipende dall'implementazione. ECMAScript 5 specifica che viene utilizzato 10 (decimale), ma non tutti i browser lo supportano ancora. Per questo motivo, specificare sempre una radice quando si utilizza parseInt.
• [...]

Fonte: MDN parseInt ()

Puoi disattivare questa regola se desideri saltare quel test.

Inserire:

radix: false

Sotto la rulesproprietà " " nel tslint.jsonfile.

Non è consigliabile farlo se non capisci questa eccezione.

L'aggiunta di quanto segue sopra il file JS indica a JSHint di sopprimere l'avviso radix:

/*jshint -W065 */

Vedi anche: http://jshint.com/docs/#options

L'ho risolto semplicemente usando + foo, per convertire la stringa.

Tieni presente che non è eccezionale per la leggibilità (correzione sporca).

console.log( +'1' )
// 1 (int)

Puoi anche semplicemente aggiungere questa linea proprio sopra la tua linea di analisi:

// eslint-disable-next-line

Questo disabiliterà il controllo eslint per la riga successiva. Usa questo se hai solo bisogno di saltare una o due righe.

Basta inserire una stringa vuota nella posizione radix, perché parseInt () accetta due argomenti:

parseInt (string, radix);

stringa Il valore da analizzare. Se l'argomento stringa non è una stringa, viene convertito in una stringa (utilizzando l'operazione astratta ToString). Lo spazio bianco iniziale nell'argomento stringa viene ignorato.

radix Un numero intero compreso tra 2 e 36 che rappresenta la radice (la base nei sistemi matematici numerici) della stringa sopra menzionata. Specificare 10 per il sistema numerico decimale comunemente usato dall'uomo. Specificare sempre questo parametro per eliminare la confusione del lettore e garantire un comportamento prevedibile. Diverse implementazioni producono risultati diversi quando non viene specificata una radice, in genere il valore predefinito è 10.

imageIndex = parseInt (id.substring (id.length - 1)) - 1;
imageIndex = parseInt(id.substring(id.length - 1), '')-1;

Aggiungi semplicemente la tua regola personalizzata in .eslintrc che assomiglia a quello "radix": "off" e sarai libero da questo esile avvertimento privo di preoccupazioni. Questo è per la linter eslint.

Prima di ECMAScript 5, parseInt () rilevava automaticamente anche i valori letterali ottali, il che causava problemi perché molti sviluppatori presumevano che uno 0 iniziale sarebbe stato ignorato.

Quindi invece di:

var num = parseInt("071");      // 57

Fai questo:

var num = parseInt("071", 10);  // 71

var num = parseInt("071", 8);

var num = parseFloat(someValue); 

Riferimento

Invece di chiamare la substringfunzione che potresti usare.slice()

    imageIndex = parseInt(id.slice(-1)) - 1;

Qui, -1 in slice indica che per avviare slice dall'ultimo indice.

Grazie.