Javascript에서 이중 등호의 암시적 변환 메커니즘의 예

　 Javascript에는 두 가지 유형의 등호 관계가 있습니다. 이중 등호(==)와 삼중 등호(===)입니다. 이중 등호(==)는 값 동일을 나타내고, 삼중 등호(===)는 완전 동일(값과 유형이 완전히 동일한지 여부)을 나타냅니다.

그래서 몇 가지 상식이 있습니다:

1. string과 같은 기본 유형의 경우 숫자, == 및 ===가 다릅니다
　1) 서로 다른 유형 간의 비교, == 비교 "는 === 유형이 다르면 결과가 같지 않습니다
　2) 동일한 유형의 비교는 결과인 "값"을 직접 비교하세요. 동일합니다

2. Array, Object의 경우 ==와 ===의 차이가 없습니다
　"포인터 주소" 비교

3. 기본 유형과 고급 유형의 차이가 있습니다. 그리고 ===
　1) ==에 대해서는 고급형 비교 기본형으로 변환하여 "값" 비교를 수행
　2) 유형이 다르기 때문에 === 결과는 false

즉, 이중 등호(==)는 연산 중에 유형 변환을 수행하지만, 삼중 등호(===)는 수행하지 않습니다.

예:

alert('55' == 55); //true
alert('55' === 55); //false

Javascript 언어의 5가지 기본 데이터 유형(기본 값, 단순 데이터 유형이라고도 함): 즉 정의되지 않음, Null, 부울, 숫자 및 문자열 유형입니다. 이러한 기본 유형은 고정된 공간을 차지하므로 더 작은 메모리 영역인 스택에 저장할 수 있습니다. 이 저장소를 사용하면 변수 값을 쉽고 빠르게 찾을 수 있습니다. (자세한 내용은 http://www.w3school.com.cn/js/pro_js_value.asp를 참조하세요.)

동일성을 확인하기 위해 Javascript에서 이중 등호(==)를 사용하는 암시적 변환 메커니즘:

1, if 양면이 단순 유형인 경우:

　1,1. 양면이 단순 유형이고 유형이 동일한 경우 직접 비교됩니다.

console.log(1==1); //true
console.log("1"=="1"); //true
console.log(false==false); //true
console.log(null==null); //true
console.log(undefined==undefined); //true

　1.2, 양쪽은 단순 유형입니다. 유형이 다른 경우 먼저 숫자 비교로 변환합니다(부울에는 두 개의 값만 있습니다: true==1, false==0; null과 정의되지 않음은 동일합니다. StringNumbers 숫자와 같음 값, 빈 문자열 ""==0;)

console.log(1==true); //true
console.log(0==false); //true
console.log(1=="1"); //true
console.log(0==""); //true
console.log(0==null); //false
console.log(0==undefined); //false
console.log(null==undefined); //true

2, 한쪽이 단순 유형이고 다른 쪽이 참조 유형(고급 유형)인 경우 고급 유형이 암시적으로 단순 유형으로 변환됩니다. 비교 전.

console.log(Object==Object); //true
console.log(Object=={}); //false
console.log(0=={}); //false
console.log(0==[]); //true
console.log(Array==Array); //true
console.log(Object==Array); //false

3. 양쪽이 참조 유형(고급 유형)인 경우 "포인터 주소" 비교가 수행됩니다.

핵심 포인트 -toString()과 valueOf()

많은 사람들이 이 두 메소드를 보고 첫인상은 toString() 메소드는 객체를 문자열로 변환하고, valueOf 메소드는 객체를 숫자값으로 변환한다는 것입니다. .

이 아이디어는 매우 일방적입니다. 다음 두 가지 예를 살펴보겠습니다.

var obj={
    name:"熊仔其人",
    getName:function(){ return $(this).name; }
};

console.log(obj.toString()); //[object Object]

obj 객체를 정의하고 해당 toString 메서드를 호출하면 반환 값은 [object Object]이고 값이 반환되지 않는 것을 확인합니다. 우리가 상상했던 대로 내용을 문자열로 표현한 것입니다.

var arr=[1,2,3];
console.log(arr.valueOf()); //(3) [1, 2, 3]

는 배열 arr을 정의하고 해당 valueOf 메서드를 호출합니다. 반환 값은 [1, 2, 3]입니다. 숫자 유형의 표현이 우리가 상상한 대로 반환되지 않습니다.

실제로 실제 이해는 다음과 같습니다. 객체의 toString() 메서드를 호출하면 객체를 문자열로 변환할 수 있지만 이를 문자열로 변환하려는 경우 반드시 toString 메서드를 호출할 필요는 없습니다.

아래 코드를 다시 살펴보겠습니다.

var obj= { };     
obj.valueOf=function(){ return 1; }
obj.toString=function(){ return 2; }
console.log(obj==1);    //truevar obj2= { };     
obj2.valueOf=function(){ return 2; }
obj2.toString=function(){ return 1; }
console.log(obj2==1);    //false                        
var obj3={ };
obj3.valueOf=function(){ return []; }
obj3.toString=function(){ return 1; }
console.log(obj3==1);    //true

위 코드에서는 객체 obj, obj2를 정의하고 valueOf 및 toString 메서드의 반환 값을 정의하여 동일성을 1로 비교한 결과 valueOf 메서드가 먼저 호출되었음을 알 수 있었습니다.

그런 다음 객체 obj3이 정의되고 valueOf 및 toString 메서드의 반환 값이 정의되어 있습니다. 1과 비교하면 toString 메서드를 호출하는 것으로 나타났습니다.

그럼 다음 코드를 살펴보겠습니다.

var obj= { };     
obj.valueOf=function(){ return 'a'; }
obj.toString=function(){ return 2; }
console.log(obj=='a');    //truevar obj2= { };     
obj2.valueOf=function(){ return 'b'; }
obj2.toString=function(){ return 'a'; }
console.log(obj2=='a');    //false

위의 코드 2에는 객체 obj가 정의되어 있습니다. 이를 문자열 'a'와 비교하면 valueOf 메서드를 호출하는 것을 알 수 있습니다.

그런 다음 객체 obj2와 'a' 간의 비교가 false를 반환하고 toString 메서드가 호출되지 않는 것으로 나타났습니다.

이로부터 결론을 내릴 수 있습니다.

객체가 단순 유형으로 변환되면 valueOf 메소드가 먼저 호출되고 단순 값과 비교할 수 있으면 직접 비교됩니다. 현재로서는 toString 메소드가 더 이상 호출되지 않습니다. valueOf 메소드를 호출한 후, valueOf 메소드를 단순 값과 비교할 수 없는 경우 toString 메소드를 다시 호출하여 최종적으로 비교 결과를 얻는다.

한 가지 주의할 점은 Date 객체가 위의 규칙을 충족하지 않는다는 점입니다. Date 객체의 toString 및 valueOf 메서드가 재정의되었으며 기본적으로 toString 메서드가 호출됩니다.

위 내용은 Javascript에서 이중 등호의 암시적 변환 메커니즘의 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!