[javascript] ESLint isNaN의 예기치 않은 사용

isNaNNode.js 모듈의 화살표 함수 내 에서 전역 함수 를 사용하려고 하는데이 오류가 발생합니다.

[eslint] Unexpected use of 'isNaN'. (no-restricted-globals)

이것은 내 코드입니다.

const isNumber = value => !isNaN(parseFloat(value));

module.exports = {
  isNumber,
};

내가 뭘 잘못하고 있는지에 대한 아이디어가 있습니까?

PS : AirBnB 스타일 가이드를 사용하고 있습니다.



답변

는 AS 문서에서 알 수 사용 Number.isNaN.

const isNumber = value => !Number.isNaN(Number(value));

에어 비앤비 문서 인용 :

왜? 전역 isNaN은 숫자가 아닌 숫자를 숫자로 강제 변환하여 NaN으로 강제되는 모든 항목에 대해 true를 반환합니다. 이 동작이 필요한 경우 명시 적으로 작성하십시오.

// bad
isNaN('1.2'); // false
isNaN('1.2.3'); // true

// good
Number.isNaN('1.2.3'); // false
Number.isNaN(Number('1.2.3')); // true


답변

참고로, IE에서는 작동하지 않습니다. 브라우저 호환성에서 여기 를 확인 하십시오 .


답변

@Andy Gaskell isNumber('1.2.3')return true, 답변을 수정 Number()하고 대신 사용할 수 있습니다parseFloat()

    const isEmpty = value => typeof value === 'undefined' || value === null || value === false;
    const isNumeric = value => !isEmpty(value) && !Number.isNaN(Number(value));
  console.log(isNumeric('5')); // true
  console.log(isNumeric('-5')); // true
  console.log(isNumeric('5.5')); // true
  console.log(isNumeric('5.5.5')); // false
  console.log(isNumeric(null)); // false
  console.log(isNumeric(undefined)); // false


답변

필자의 경우 5 (정수), 5.4 (10 진수), ‘5’, ‘5.4’를 숫자로 취급하고 싶지만 예를 들어 다른 것은 없습니다.

비슷한 요구 사항이 있으면 아래에서 더 잘 작동 할 수 있습니다.

const isNum = num => /^\d+$/.test(num) || /^\d+\.\d+$/.test(num);

//Check your variable if it is a number.
let myNum = 5;
console.log(isNum(myNum))

음수를 포함 시키려면 :

const isNum = num => /^-?\d+$/.test(num) || /^-?\d+\.\d+$/.test(num);

그러면 isNaN의 전역 사용 문제도 제거됩니다. isNum 함수를 일반 ES5 함수로 변환하면 IE 브라우저에서도 작동합니다.


답변

나에게 이것은 잘 작동했으며 ESlint에 아무런 문제가 없었습니다.

window.isNaN()


답변