JavaScript의 7가지 값 유형 및 typeof 연산자

자바스크립트는 기초부터 복습할 생각인데,

그나저나 제가 배운 내용을 공유하고 정리하고 싶습니다

---

내장형

JavaScript 내장 유형에는 6가지 기본 유형과 1가지 참조 유형을 포함하여 7가지 유형이 있습니다.

• 기본 유형

• 숫자(숫자)

• 문자열

• 부울

• 정의되지 않음

• null(빈 값)

• symbol(기호) [ES6 사양 신규]

• 참고 type

• 객체(object)

참고: 배열 배열과 함수 함수도 특수 객체입니다. 즉, 객체의 "하위 유형"이자 참조 값이기도 합니다

기본 유형은 스택 메모리에 저장된 단순 데이터 세그먼트이며 메모리에는 고정된 공간이 있습니다
참조 유형은 다음과 같습니다. 힙에 저장 메모리에 있는 객체는 참조로 접근한다. 스택 메모리는 객체에 대한 포인터를 저장한다(객체의 접근 주소가 저장된다)
스택이 메모리로 나누어지는 이유는 힙과 관련이 있기 때문이다. 작동을 보장하기 위한 브라우저의 가비지 수집 메커니즘은 최소한의 메모리를 차지합니다
위 내용을 이해하지 못해도 상관없습니다. 기본 유형이 스택 데이터라는 점과 참조만 알면 됩니다. type은 힙 데이터입니다.typeof 연산자

도 typeof 연산자라고 할 수 있습니다. 연산자 연산자는 같은 것을 참조합니다

이 typeof를 통해 확인할 수 있습니다. 값 유형

반환 유형의 문자열(영어 소문자), 그러나 모든 유형을 식별할 수 있는 것은 아닙니다.

console.log(typeof 123);
// "number"console.log(typeof '123');
// "string"console.log(typeof true);
// "boolean"console.log(typeof undefined);
// "undefined"console.log(typeof Symbol());
// "symbol"console.log(typeof null);
// "object"  <-注意看这里console.log(typeof {demo: 123});
// "object"

이 7가지 유형을 콘솔에 인쇄하여 문제를 발견했습니다

실제로 반환된 null 유형 "object"

흠, 예상했던 것과는 다릅니다. 너무 똑같네요
"null"을 반환하겠다고 약속했습니다.
사실 이 버그는 20년 넘게 존재했던 문제입니다. (나보다 나이가 많음)
아마도 수정되지 않았을 것입니다. 웹 시스템이 너무 많고 "수정"하는 데 드는 비용이 상상도 못하기 때문입니다

그러나 null 값 유형은 다음과 같이 판단할 수 있습니다

---

var foo = null;if(!foo && typeof foo === 'object'){    console.log('这是一个空值...');
}

왜냐하면 객체가 무엇이든, 빈 객체이더라도 Boolean 값으로 변환하면 true가 되기 때문이죠(나중에 타입 변환 쓸 때 얘기하겠습니다)

그래서 할 수 있습니다 null을 이렇게 판단하는데 사용한 적은 없는 것 같습니다

typeof 문제로 돌아가서 다음에도 문제가 발견되었습니다

---

console.log(typeof function(){});// "function"

typeof는 함수에 대해 특별한 처리를 합니다. , 이는 JavaScript의 일급 시민입니다 - 실행 가능한 객체 -

따라서 함수는 객체이지만 typeof 연산자는 구별할 수 있고 "함수"를 반환합니다

함수를 호출할 수 있는 이유는 내부 속성 [[call]]이므로 "호출 가능한 객체"입니다. 나중에 이야기하겠습니다
아, 그런데 배열도 특수 객체이지만 typeof는 이를 인식하지 못합니다
배열을 구별하고 싶다면 내가 작성한 배열을 식별하는 방법을 살펴보세요
그러므로 typeof의 반환 값에는 다음 문자열이 있습니다
number, string, boolean, undefine, object, function, Symbol

typeof에 대해 이야기하고 있으니 또 작은 지식 포인트가 있습니다

---

아아아아

실수하기도 쉽고 면접 질문에도 나올 수 있습니다

그런데 이건 버그가 아닙니다

숫자가 아닌 NaN 영어로
숫자가 아님
'숫자가 아님' 즉, 숫자가 아닌 숫자는 숫자라는 뜻입니다. 보여도 상관없습니다.
이제 NaN이 숫자 유형이라는 점만 기억하세요. 알겠습니다

아, 그런데 갑자기 생각나는 것을 추가하겠습니다

---

typeof는 이런 식으로 사용할 수 있습니다.

, 함수가 아닙니다. 함수가 아닙니다. (중요한 내용을 세 번 말하세요.) typeof(a + b)단항 연산자입니다. 기억하세요
위 사용법은 단지 형식 검사일 뿐입니다. 표현식의 피연산자 연산 결과

값 및 유형

여기서 다음과 같이 설명합니다. 문제

JavaScript에서 변수에는 유형이 없고 값에만 유형이 있습니다

typeof 연산자는 변수가 보유한 값 유형의 문자열을 반환합니다
우리는 약한 유형의 언어이기 때문에
변수가 보유한 값의 유형을 변경할 수 있습니다

console.log(typeof NaN)// "number"

하지만 변수 값 유형은 변경할 수 있습니다. 프로젝트를 작성할 때 이렇게 하면 안 됩니다.

우리가 선언한 내용을 기억할 수 있도록 변수에 접두어나 특수 기호를 추가할 수 있습니다.

예를 들어, 변수 유형은 무엇인가요? retArr, bFlag, strLen 등

typeof undeclared

물론 undeclared는 존재하지 않는 키워드입니다

그런데 왜 이렇게 쓰는 걸까요? 질문 좀 보세요

console.log(foo);

我没定义foo就打印，于是

果不其然，浏览器蒙圈了
给大家翻译成中文：未捕获引用错误: foo没有定义
可能大家都不会去注意，其实这是很容易让人误会的
在这了 is not defined != is undefind
因为我连声明都没声明，怎么谈定义
所以如果浏览器报出is not declared或许更准确
我们暂且把这种连定义都没定义的变量看作“undeclared”变量
但是对于这种“undeclared”未定义的变量，typeof有特殊的安全防范机制

console.log(typeof foo);// "undefined"

出乎意料的，它对于undeclared变量并没有报错，而是返回了“undefined”
虽然我们觉得它返回“undeclared”更容易理解一些（我们的要求太高了）
其实它没有报错就相当不错了
这种容错对于我们来说还是很有帮助的
比如说我们想知道全局空间有没有变量foo

if(foo){  //若不存在会报错
    //...}if(typeof foo !== 'undefined'){  //不存在也不会报错
    //...}if(window.foo){  //不存在同样不会报错
    //...}

最后一种通过window对象调用与undeclared变量不同
访问不存在的对象属性是不会报错的，而是返回undefined(是类型而不是字符串)
不过如果我们全局对象不是window的话，就不能使用这种方法了（比如，node.js）

总结

JavaScript内置类型:

• 基本类型（栈数据）：number、string、boolean、undefined、null、object、symbol（ES6规范新增）

• 引用类型（堆数据）：object

typeof操作符返回值：

• “number”

• “string”

• “boolean”

• “undefined”

• “object”

• “function”【sp】

• “symbol”

typeof null -> “object” 历史遗留bug

typeof NaN -> ‘number’ 注意

变量没有类型，其持有值有类型

typeof的容错机制可以用来检查undeclared（未声明）变量

 以上就是JavaScript中的七种值类型与typeof运算符的内容，更多相关内容请关注PHP中文网（www.php.cn）！