JavaScript 암시적 유형 변환_javascript 팁

isNaN을 사용하여 위 코드를 테스트한 결과 문자열, 정의되지 않음, 객체까지 모두 true를 반환하는 것으로 나타났습니다! ! ! 하지만 그것들도 NaN이라고는 말할 수 없겠죠? 결론적으로 NaN의 isNaN 감지는 신뢰할 수 없다는 것입니다! ! !

다행히도 NaN을 감지하는 신뢰할 수 있고 정확한 방법이 있습니다. 우리 모두는 NaN이 자신과 같지 않은 유일한 값이라는 것을 알고 있습니다. 그런 다음 부등호(!==)를 사용하여 숫자가 자신과 같은지 여부를 확인하여 다음과 같이 NaN을 감지할 수 있습니다.

var a = NaN;
a !== a; // true
var b = "foo";
b !== b; // false
var c = undefined;
c !== c; // false
var d = {};
d !== d; // false
var e = { valueOf: "foo" };
e !== e; // false

다음과 같이 이 모드를 함수로 정의할 수도 있습니다.

function isReallyNaN(x) {
return x !== x;
}

그래요, NaN 감지 방법은 이렇게 간단합니다. 객체의 암시적 변환에 대해 계속 논의해 보겠습니다.

객체를 기본 값으로 변환할 수 있는 가장 일반적인 방법은 다음과 같이 문자열로 변환하는 것입니다.

"the Math object: " + Math; // "the Math object: [object Math]"
"the JSON object: " + JSON; // "the JSON object: [object JSON]"

객체는 toSting 함수를 호출하여 문자열로 변환됩니다. 수동으로 호출하여 확인할 수 있습니다.

Math.toString(); // "[object Math]"
JSON.toString(); // "[object JSON]"

마찬가지로, valueOf 함수를 통해 객체를 숫자로 변환할 수도 있습니다. 물론 다음과 같이 이 valueOf 함수를 맞춤설정할 수도 있습니다.

"J" + { toString: function() { return "S"; } }; // "JS"
2 * { valueOf: function() { return 3; } }; // 6

객체에 valueOf 메서드와 toString 메서드가 모두 있는 경우 다음과 같이 valueOf 메서드가 항상 먼저 호출됩니다.

var obj = {
toString: function() {
return "[object MyObject]";
},
valueOf: function() {
return 17;
}
};
"object: " + obj; // "object: 17"

그러나 대부분의 경우 이는 우리가 원하는 것이 아닙니다. 일반적으로 valueOf와 toString이 나타내는 값을 동일하게 만드십시오(유형은 다를 수 있음).

마지막 유형의 강제 유형 변환은 if, ||, &&와 같은 "진실 연산"이라고도 합니다. 해당 피연산자가 반드시 부울일 필요는 없습니다. JavaScript는 간단한 변환 규칙을 통해 부울이 아닌 일부 값을 부울 값으로 변환합니다. 대부분의 값은 true로 변환되며, 일부만 false입니다. false, 0, -0, ”", NaN, null, 정의되지 않음. false 값을 갖는 숫자, 문자열 및 객체가 있기 때문입니다. 함수의 매개변수가 전달되는지 여부를 결정하기 위해 진리값 변환을 직접 사용하는 것은 그리 안전하지 않습니다. 예를 들어 다음과 같이 기본값과 함께 선택적 매개변수를 가질 수 있는 함수가 있습니다.

function point(x, y) {
if (!x) {
x = 320;
}
if (!y) {
y = 240;
}
return { x: x, y: y };
}

이 함수는 0, -0을 포함하여 참값이 false인 모든 매개변수를 무시합니다.

정의되지 않음을 감지하는 더 정확한 방법은 typeof 연산을 사용하는 것입니다.

function point(x, y) {
if (typeof x === "undefined") {
x = 320;
}
if (typeof y === "undefined") {
y = 240;
}
return { x: x, y: y };
}

이러한 작성 방법은 0과 정의되지 않음을 구별할 수 있습니다.

point(); // { x: 320, y: 240 }
point(0, 0); // { x: 0, y: 0 }

또 다른 방법은 다음과 같이 매개변수를 사용하여 정의되지 않은 것과 비교하는 것입니다.

if (x === undefined) { ... }

요약:

1. 유형 변환으로 인해 유형 오류가 숨겨질 수 있습니다.

2. "+"는 피연산자에 따라 문자열 연결과 산술 덧셈을 모두 나타낼 수 있습니다. 둘 중 하나가 문자열이면 문자열 연결입니다.

3. 객체는 valueOf 메소드를 통해 자신을 숫자로 변환하고, toString 메소드를 통해 문자열로 변환합니다.

4. valueOf 메서드가 있는 개체는 문자열 형식으로 동일한 숫자를 반환하도록 해당 toString 메서드를 정의해야 합니다.

5. 일부 정의되지 않은 변수를 감지할 때는 실제 값 연산 대신 typeOf 또는 undefine과의 비교를 사용해야 합니다.

JavaScript 암시적 유형 변환에 대한 모든 내용이 도움이 되기를 바랍니다.