== s는 true이지만 {} === {}는 false인 이유.

JavaScript의 완전 항등 연산자(===)는 언뜻 보기에는 간단해 보이지만 상황에 따라 혼란스러울 수도 있습니다. 1 === 1이 true를 반환하는 반면 {} === {}는 false을 반환하는 이유를 살펴보겠습니다.

메모리 메커니즘: 원시 값과 객체

이 동작을 이해하려면 JavaScript가 메모리에서 원시 값 및 객체를 처리하는 방법을 이해해야 합니다.

원래 값

기본 값에는 숫자, 문자열, 부울, undefined, null 및 기호가 포함됩니다. ===을 사용하여 두 개의 기본 값을 비교할 때 JavaScript는 값이 동일한지 확인합니다. 1 === 1의 두 1은 동일한 값을 참조하므로 비교 결과는 true이 됩니다.

객체

객체는 더 복잡합니다. 힙이라는 특별한 메모리 영역에 저장됩니다. 객체가 생성될 때마다 힙에서 새로운 메모리 위치를 얻습니다. ===을 사용하여 개체를 비교할 때 JavaScript는 두 개체가 동일한 메모리 위치를 참조하는지 확인합니다. {}과 {}은 메모리에 생성된 서로 다른 두 개체이고 동일한 메모리 위치를 공유하지 않으므로 {} === {}의 결과는 false입니다.

심층 분석: 메모리와 힙

다음은 단순화된 다이어그램입니다.

<code class="language-javascript">const obj1 = {}; // 在内存位置 A 创建
const obj2 = {}; // 在内存位置 B 创建

console.log(obj1 === obj2); // false，因为 A !== B

const obj3 = obj1; // obj3 指向与 obj1 相同的位置
console.log(obj1 === obj3); // true，因为两者都指向 A</code>

이 차이는 개체가 참조 유형이기 때문입니다. 즉, 비교에서는 내용이 아닌 참조가 동일한지 확인합니다.

typeof을 사용하여 값 유형을 확인하세요

JavaScript의 typeof 연산자는 값 유형을 이해하는 데 도움이 됩니다. 사용 방법은 다음과 같습니다.

<code class="language-javascript">console.log(typeof "hello"); // "string"
console.log(typeof 42);       // "number"
console.log(typeof true);     // "boolean"
console.log(typeof undefined);// "undefined"
console.log(typeof null);     // "object" (已知的 bug!)
console.log(typeof {});       // "object"
console.log(typeof []);       // "object"
console.log(typeof function () {}); // "function"</code>

예상치 못한 일: null 그리고 배열은 객체입니다

뭔가 이상한 점을 발견할 수 있습니다. typeof null "객체"를 반환합니다. 이는 웹을 중단하지 않고는 고칠 수 없는 JavaScript의 역사적인 버그입니다. 그러나 배열과 함수는 실제로 내부적으로는 객체입니다.

함수는 특별한 객체입니다

함수는 실제로 객체이지만 [[Call]]라는 하나의 고유한 속성을 갖습니다. 이 내부 속성은 호출 가능하게 하므로 다음과 같이 호출할 수 있습니다.

<code class="language-javascript">function greet() {
  console.log("Hello!");
}

greet(); // "Hello!"</code>

중요성

강력한 JavaScript 코드를 작성하려면 기본 값과 객체의 차이를 이해하는 것이 중요합니다. 객체를 비교할 때 해당 내용을 비교하려면 심층 동등 검사를 사용하세요. 예:

<code class="language-javascript">const objA = { name: "Alice" };
const objB = { name: "Alice" };

// 浅比较
console.log(objA === objB); // false

// 深度比较
const isEqual = JSON.stringify(objA) === JSON.stringify(objB);
console.log(isEqual); // true</code>

결론

핵심은 프리미티브가 값으로 비교되기 때문에 1 === 1이 true을 반환하고 객체가 참조로 비교되기 때문에 {} === {}가 false을 반환한다는 것입니다. 이것을 마스터하면 JavaScript의 기능과 복잡성을 더 잘 이해할 수 있습니다!

위 내용은 == s는 true이지만 {} === {}는 false인 이유.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!