티스토리 뷰
자바스크립트를 처음 공부할 때 읭? 싶었던 부분이 바로 등호였다.
자바스크립트 문법에는 등호가 세개나 붙는 === 문법이 있기 때문이다.
근데 생각보다 '그냥 ==랑 같은거겠지'하고 ===의 의미와 ===와 ==의 차이를 모르고 넘어가는 경우가 많은 것 같아 간단히! 정리해보려고 한다.
https://opentutorials.org/course/3281/20562
fetch API - 생활코딩
수업소개 ajax를 구현하는 여러가지 기술이 있습니다. 우리 수업에서는 최신 기술인 fetch API를 이용할 것입니다. fetch API는 기존의 방식에 비해서 더 유연하고, 분명합니다. fetch API 기본 사용법 소
opentutorials.org
갑분 생활코딩..? 싶겠지만 강의를 보면 아래와 같은 코드가 나온다.
<!doctype html>
<html>
<body>
<article>
</article>
<input type="button" value="fetch" onclick="
/*
fetch('html').then(function(response){
response.text().then(function(text){
document.querySelector('article').innerHTML = text;
})
})
*/
//Asynchronous
fetch('html').then(function(response){
if(response.status === '404'){
alert('Not found')
}
});
console.log(1);
console.log(2);
">
</body>
</html>
저기에서 //Asynchoronous 아래 부분에 fetch를 쓰면서 만약 response.status === '404' 이면 경고문을 실행하도록 한다. 이때, 오류가 생길 수 있는데 바로 === 때문이다.
=== 은 자료형까지 비교한다. 따라서 response 값이 그냥 404가 되면 에러가 나는 것이다. 이때 == 를 사용하면, 얘는 단순히 '값'만 비교해주기 때문에 에러를 처리할 수 있게 된다.
정리하면, === 은 값과 자료형까지 전부 비교, == 는 값만 비교한다는 것!
'TIL' 카테고리의 다른 글
| 백엔드 공부 로드맵 (0) | 2022.07.01 |
|---|---|
| [Python] map 함수 (0) | 2022.03.16 |
| [Algorithm] DFS/BFS 알고리즘 정리 (0) | 2022.03.05 |
| [Algorithm] Greedy(그리디) 개념 정리 (0) | 2022.03.01 |
| [Algorithm] DP (다이나믹 프로그래밍) 정리 (0) | 2022.03.01 |