JavaScript_javascript 팁의 기본 값과 복잡한 값

이전 단어

JavaScript 데이터 유형은 기본 유형과 참조 유형의 두 가지 유형으로 나눌 수 있습니다. 기본 유형은 기본 유형 또는 단순 유형이라고도 하며, JavaScript의 기본 데이터 유형에는 Undefine, Null, Boolean, Number 및 String이 포함됩니다. 이에 따라 해당 값을 각각 원시 값 및 복소 값이라고도 합니다

특징

원시값

간단히 말하면 원시값은 고정값과 단순값으로 스택에 저장된 단순 데이터 세그먼트, 즉 해당 값이 변수 접근 위치에 직접 저장됩니다.

프리미티브 값은 Javascript에서 사용할 수 있는 데이터나 정보를 나타내는 가장 낮거나 간단한 형태입니다. 기본 유형의 값은 환원 불가능하므로 기본 값이라고 합니다. 즉, 숫자는 숫자, 문자는 문자, 부울 값은 true 또는 false, null 및 정의되지 않음은 null 및 정의되지 않음입니다. 값 자체가 단순하여 다른 값으로 구성된 값을 나타낼 수 없습니다.

기본 유형에는 어떤 유형이 있나요?

기본 유형에는 정의되지 않음, Null, 부울, 숫자, 문자열의 5가지 유형이 있습니다

typeof를 사용하여 유형이 특정 유형의 범위 내에 있는지 확인할 수 있습니다.

연산자 유형

변수나 값에 typeof 연산자를 사용하면 다음 값 중 하나가 반환됩니다.

참고:

1. 반환값은 문자열형입니다.

2. 원래 유형과 비교하면 여전히 null 차이가 있습니다. 이는 typeof(null)을 사용하면 "object"를 반환하는 것으로 이해됩니다.

복소값

복잡한 값은 다양한 유형의 JavaScript 객체로 구성될 수 있습니다. 복잡한 개체는 알려진 특정 값이 아닌 모든 값을 포함할 수 있으므로 메모리에 있는 복잡한 개체의 크기를 알 수 없습니다.

보관방법

스택 스토리지

원래 값은 고정된 공간을 차지하고 단순 데이터 세그먼트이므로 가변 쿼리의 속도를 높이기 위해 스택에 저장됩니다

힙 스토리지

복소수 값의 크기가 변하기 때문에 스택에 저장할 수 없으며 그렇지 않으면 변수 쿼리 속도가 느려지므로 힙(heap)에 저장됩니다. 변수에 저장되는 값은 포인터입니다. 저장 객체를 가리키는 메모리 위치

접속 방법

가치별 액세스

원시 값은 환원 불가능한 값으로 저장 및 조작되며, 이를 참조하면 해당 값이 전달됩니다.

var myString = 'foo';
var myStringCopy = myString;
var myString = null;
console.log(myString,myStringCopy);//null,'foo' 

견적견적

복잡한 값은 실제 값이 아닌 참조에 의해 저장되고 조작됩니다. 복합 객체를 포함하는 변수를 생성하면 해당 값은 메모리의 참조 주소가 됩니다. 복잡한 객체를 참조할 때 해당 이름(예: 변수 또는 객체 속성)을 사용하여 메모리의 참조 주소를 통해 객체 값을 얻습니다

var myObject = {};
var copyOfMyObject = myObject;//没有复制值，而是复制了引用
myObject.foo = 'bar';//操作myObject中的值
//现在如果输出myObject和copyOfMyObject，则都会输出foo属性，因为它们引用的是同一个对象
console.log(myObject,copyOfMyObject);//Object{foo="bar"} 

비교

원시 값은 값 비교를 사용하고, 복소수 값은 참조 비교를 사용합니다. 복소수 값은 동일한 객체를 참조하는 경우에만 동일합니다(즉, 동일한 주소를 가짐). 동일한 객체를 포함하는 두 개의 변수라도 동일한 객체를 가리키지 않기 때문에 서로 동일하지 않습니다

var price1 = 10;
var price2 = 10;
var price3 = new Number('10');
var price4 = price3;
console.log(price1 == price2);//true
console.log(price1 == price3);//false
price4 = 10;
console.log(price4 == price3);//true
console.log(price4 === price3);//false 
var objectFoo = {same:'same'};
var objectBar = {same:'same'};
console.log(objectFoo == objectBar);//false
var objectA = {foo: 'bar'};
var objectB = objectA;
console.log(objectA == objectB);//true 

동적 속성

복잡한 값의 경우 속성과 메서드를 추가할 수 있으며 속성과 메서드를 변경 및 삭제할 수도 있지만 단순 값의 경우 속성과 메서드를 추가할 수 없습니다.

복잡한 값은 객체를 정의한 다음 참조를 만든 다음 객체를 업데이트할 수 있고 객체를 가리키는 모든 변수가 업데이트되기 때문에 동적 객체 속성을 지원합니다. 새 변수는 기존 복합 개체를 가리키며 개체는 복사되지 않습니다. 이것이 복소수 값을 참조 값이라고 부르는 이유입니다. 복소수 값은 필요한 만큼 많은 참조를 가질 수 있으며 객체가 변경되더라도 항상 동일한 객체를 가리킵니다

var str = 'test';
str.property = true;
console.log(str.property);//undefined　 
var objA = {property: 'value'};
var pointer1 = objA;
var pointer2 = pointer1;
objA.property = null;
console.log(objA.property,pointer1.property,pointer2.property);//null null null 

포장형태

생성자가 생성한 객체로 원시값을 사용하면 자바스크립트는 객체의 속성과 메소드를 사용할 수 있도록 이를 객체로 변환한 후 객체 속성을 버리고 다시 원시값으로 변경합니다.