JavaScript Destructuring이 실수였습니까?

6487 단어 reactjavascript
Destructuring은 코드베이스를 추악하고 느리게 만드는 JavaScript에서 발생한 최악의 일이라고 생각합니다.

예를 들어 인기 있는 라이브러리 react-query입니다.

 const {
   data,
   error,
   isError,
   isLoading
 } = useQuery(queryKey, queryFn)

if (isLoading) {
     return <span>Loading...</span>
}

if (isError) {
     return <span>Error: {error.message}</span>
}

return <div>{data}</div>




const result = useQuery(queryKey, queryFn)

if (result.isLoading) {
     return <span>Loading...</span>
}

if (result.isError) {
     return <span>Error</span>
}

return <div>{result.data}</div>


우리는 아무것도 절약하지 않고 더 깨끗하지도 않으며, 사람들은 항상 그것을 찾아 남용할 것입니다.

이전에는 그것이 무엇을 반환하는지 알고 싶다면 TS를 사용하거나 한 점 거리에 있고 편집기 자동 완성이 정확하고 깨끗하게 느껴지는 경우 타이핑을 볼 수 있었습니다.

이것은 또한 반응useState과 같은 이상한 구조화 API와 기본 LocalStorage API를 예로 들 수 있습니다.

const [count, setCount] = useState(0);

<div>{count}</div>
<button onClick={() => setCount(50)}>Change</button>



const storage = localStorage

storage.getItem('count')
storage.setItem('count', 50);


이것이 파괴가 없는 완벽한 세상에서 어떻게 보일 수 있는지입니다.

const count = useState(0);

<div>{count.value}</div>
<button onClick={() => count.set(50)}>Change</button>

좋은 웹페이지 즐겨찾기