JavaScript 데이터 유형: 기본 유형 및 참조 유형 값_기본 지식

ECMAScript 변수에는 기본 유형 값과 참조 유형 값이라는 두 가지 데이터 유형의 값이 포함됩니다. 기본 유형 값은 단순한 데이터 조각인 반면, 참조 유형 값은 여러 값으로 구성될 수 있는 객체입니다.

변수에 값을 할당할 때 파서는 값이 기본 유형인지 참조 유형인지 확인해야 합니다. 기본 유형에는 정의되지 않음, Null, Boolean, 숫자 및 문자열이 포함됩니다. 이러한 5가지 기본 데이터 유형은 값으로 액세스되므로 변수에 저장된 실제 값은 메모리 개체에 저장됩니다. 다른 언어와 달리 JavaScript는 메모리 위치에 직접 액세스하는 것을 허용하지 않습니다. 즉, 개체의 메모리 공간을 직접 조작할 수 없습니다. 객체에 대해 작업을 수행할 때 실제로는 실제 객체가 아닌 객체에 대한 참조에 대해 작업을 수행하므로 참조 유형의 값은 참조를 통해 액세스됩니다.

1. 동적 속성
기본 유형을 정의하는 방법과 참조 유형을 정의하는 방법은 매우 유사합니다. 참조 유형 값의 경우 속성과 메서드를 추가할 수 있으며 다음과 같이 해당 속성과 메서드를 변경하고 삭제할 수도 있습니다.

코드 복사 코드는 다음과 같습니다.

var person = new Object();
person.name = "zxj";
경고(사람.이름); //"zxj" 

2. 변수값 복사

한 변수에서 다른 변수로 기본 유형의 값을 복사하면 변수 개체에 새 값이 생성된 후 새 변수에 할당된 위치에 복사됩니다.

코드 복사 코드는 다음과 같습니다.

var num1 = 5;
var num2 = num1; //5

참조 유형 값이 한 변수에서 다른 변수로 복사되면 변수 개체에 저장된 값의 복사본도 새 변수에 할당된 메모리 공간에 복사됩니다. 차이점은 이 값이 실제로 힙에 저장된 개체에 대한 포인터라는 것입니다. 복사가 완료된 후 두 변수는 실제로 동일한 개체를 참조합니다. 따라서 변수 중 하나를 변경하면 아래와 같이 다른 변수에도 영향을 미칩니다.

코드 복사 코드는 다음과 같습니다.

var obj1 = 새로운 객체();
var obj2 = obj1;
obj1.name = "zxj";
경고(obj2.name); //"zxj"

3. 매개변수 전달

ESMAScript의 모든 함수 매개변수는 값으로 전달됩니다. 즉, 함수 외부의 값을 함수 내부의 매개변수에 복사하는 것은 한 변수에서 다른 변수로 값을 복사하는 것과 같습니다. 기본 유형 값은 기본 유형 변수가 복사되는 것처럼 전달됩니다. 참조 유형 값을 전달하는 것은 참조 유형 변수를 복사하는 것과 동일합니다. 변수에 액세스하는 방법에는 값과 참조의 두 가지가 있지만 매개변수는 값으로만 ​​전달할 수 있기 때문에 많은 개발자가 이 시점에서 혼란스러워할 수 있습니다.

기본 유형 값을 매개변수에 전달할 때 전달된 값은 지역 변수(이름이 지정된 매개변수)에 복사됩니다. 다음 코드에 표시된 대로:

코드 복사 코드는 다음과 같습니다.

함수 addTen(num) {
숫자 = 10;
반환 번호;
}
변수 개수 = 20;
var 결과 = addTen(count);
Alert(count); // 20, 변화 없음
경고(결과); // 30

매개변수는 실제로 함수의 지역 변수입니다. 매개변수 num과 변수 count는 서로 알지 못하며 단지 동일한 값을 갖습니다. num이 참조로 전달되면 변수 count의 값도 30이 되어 함수 내의 변경 사항을 반영합니다.

참조 유형 값을 매개변수에 전달하면 메모리에 있는 값의 주소가 지역 변수에 복사되므로 이 지역 변수의 변경 사항은 함수 외부에 반영됩니다. 여기서는 참조 유형을 사용하여 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.

함수 setName(obj) {
Obj.name = "zxj";
}
var person = new Object();
setName(사람);
경보(사람.이름); //"zxj"

이 함수 내에서 obj와 person은 동일한 객체를 참조합니다. 즉, 객체가 값으로 전달되더라도 obj는 참조로 동일한 객체에 액세스합니다. 따라서 함수 내부의 obj에 name 속성을 추가하면 힙 메모리에서 사람이 가리키는 객체는 단 하나뿐이고 전역 객체이기 때문에 함수 외부의 사람도 반영됩니다. 많은 개발자들은 로컬 범위에서 수정된 개체가 전역 범위에 반영될 것이라고 잘못 믿고 있습니다. 즉, 매개 변수는 참조로 전달됩니다. 객체가 값으로 전달된다는 것을 증명하기 위해 다음 수정된 예를 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.

함수 setName(obj) {
Obj.name = "zxj";
Obj = 새 개체();
Obj.name = "sdf";
}
var person = new Object();
setName(사람);
경고(사람.이름);

위의 예에서 볼 수 있듯이 person이 참조로 전달되면 name 속성 값이 "sdf"인 새 객체를 가리키도록 person이 자동으로 수정됩니다. 그러나 다음에 person.name에 액세스하면 "zxj"가 계속 표시됩니다. 이는 함수 내에서 매개변수 값이 수정되더라도 원래 참조는 변경되지 않음을 보여줍니다. 실제로 함수 내에서 obj가 재정의되면 이 변수는 로컬 개체를 참조합니다. 이 로컬 개체는 함수 실행이 완료되면 즉시 삭제됩니다.

ECMAScript 함수의 매개변수를 지역 변수로 생각해보세요.

4. 감지 유형

typeof는 기본 데이터 유형을 감지할 때 강력한 보조 도구이지만 참조 유형을 감지할 때는 그다지 유용하지 않습니다. 일반적으로 우리는 값이 객체인지 여부가 아니라 어떤 유형의 객체인지 알고 싶어합니다. ECMAScript는 이러한 목적을 위해 다음과 같은 구문을 지닌 instanceof 연산자를 제공합니다.

코드 복사 코드는 다음과 같습니다.

결과 = 생성자의 변수 인스턴스

변수가 지정된 참조 유형의 인스턴스인 경우 instanceof 연산자는 true를 반환합니다.

코드 복사 코드는 다음과 같습니다.

경고(객체의 개인 인스턴스);