🤯 Javascript와 Typescript에 대해 알아두면 좋은 3가지 이상한 점, 1부

젭 🤖

현재 저는 친구들과 이 놀라운 도구에 대해 이야기를 나누다가 Javascript와 그의 비밀 🥷을 조금 더 잘 이해하는 데 도움이 될 수 있는 많은 것을 우리가 알지 못한다는 것을 알게 되었습니다.

다음은 그 중 일부입니다.

배열은 객체입니다 🥲:

# if you are trying to check if an array has the type of 'Array'
# my friend, you are doing wrong

console.log(typeof "something") # "string"
console.log(typeof {}) # "object"
console.log(typeof []) # "object"

왜 이런 일이 발생합니까? 내가 미쳤어? 아니요, 당신은 아닐 수도 있고 아닐 수도 있지만 이것이 요점이 아닙니다. 이런 일이 발생하는 이유는 데이터의 구조가 목록 또는 배열이지만 모든 논리와 메서드를 보유하는 개체가 개체이기 때문입니다. 개체x에서 속성obj에 액세스하려고 한다고 상상해 보십시오.

const obj = { x: 'Hello' }

console.log(obj.x) # 'Hello'

이제 배열에서 length라는 속성에 액세스하려고 한다고 상상해 보십시오.

# This is what is happening behind the scenes

const arr = [2]
console.log(arr.length) # 1

개체 액세스와 속성 길이의 차이점을 보셨습니까? 정확히 이것이 배열을 정의하기 위해 object 구조를 사용한 이유입니다.

any와 unknown 🥸의 차이점:

any 와 유사하게 any 값을 unknown 에 할당할 수 있습니다. 그러나 any 와 달리 unknown 유형의 값에 대한 속성에 액세스하거나 속성을 호출/생성할 수 없습니다. 또한 unknown 또는 any만 사용하여 unknown 유형의 값을 할당할 수 있습니다.

type MyCoolProps {
   newOnboardingFlow: any;
}

...

try{...}
catch(error: unknown){...}

시간이 0인 경우에도 setTimeout이 지연됩니다.

글로벌setTimeout() 메서드는 타이머가 만료되면 함수 또는 지정된 코드 조각을 실행하는 타이머를 설정합니다. x밀리초 후에 렌더링하는 정말 좋은 방법입니다.

setTimeout(() => console.log('Hello dev.to', 1000))

# After 1 second
# Hello dev.to

그러나 밀리초를 zero로 설정하는 경우 이 정의는 사실이 아닙니다.

setTimeout(() => console.log('Hello dev.to', 0))
console.log("Bye")

# outputs:
# Bye
# Hello dev.to

이 이상한 마법이 왜 일어나는지 물어볼 수 있습니다! 그 이유는 타이머를 0으로 설정하면 다음 반복에서 setTimeout를 실행하므로 문자 그대로 두 번째 console.log를 실행한 후 스택을 확인한다는 의미입니다.

다음 반복은 다음을 의미합니다. If this parameter is omitted, a value of 0 is used, meaning execute "immediately", or more accurately, the next event cycle.
💰 오늘의 2센트입니다.

👋내 생각을 공유하는 곳에서 팔로워 500명을 달성하도록 도와주세요.

👇 댓글 섹션에서 이 주제에 대해 어떻게 생각하는지 알려주세요.

👉 그것에 대해 더 알고 싶다면 저를 팔로우하세요.

✅ 제 medium과 my personal website 주제의 모든 스타트업, 기술 및 기업가 정신을 쓰는 곳입니다.