탈주박고 싶다 - 코딩 채널

코딩 채널

알림 알림 중 알림 취소

구독자 4410명 알림수신 85명 @은월영

프로그래밍 및 코딩 채널

잡담 탈주박고 싶다

나리

추천 1 비추천 0 댓글 31 조회수 322 작성일 2023-10-18 13:37:56

https://arca.live/b/programmer/89108409

let, const 쓰지 말고 var 쓰래

댓글 [31] 글쓰기

hinotoken

2023-10-18 14:11:00 답글

let var은 무슨차이임?

펼쳐보기▼

나리

2023-10-18 14:15:35 답글

let은 한번 선언하면 재선언이 안됨
var는 재선언이 가능함

let num = 10;
console.log(num); // 10
let num = 20; // Uncaught Error: already defined
console.log(num); // 10

var num = 10;
console.log(num); // 10
var num = 20;
console.log(num); // 20

펼쳐보기▼

hinotoken

2023-10-18 14:17:17 답글

......let const가 백배 천배 좋아보이는데.

펼쳐보기▼

나리

2023-10-18 14:17:32 답글

그리고 var는 호이스팅이라고 해서 var가 쓰여진 위치와 관계없이 최상단에 오는 것처럼 취급되는 문제가 있음

console.log(num); // undefined
var num = 10;
console.log(num); // 10

console.log(num); // Uncaught Type Error
let num = 10;
console.log(num); // 10

펼쳐보기▼

hinotoken

2023-10-18 14:18:24 답글

hinotoken

2023-10-18 14:18:37 답글

난 받아들일 수 없다

펼쳐보기▼

나리

2023-10-18 14:19:52 답글

*수정됨

근데 이게 뭐가 문제가 되냐면
다른 함수에서 let str = num.toString()을 한다고 쳐보자

의도대로면 "10"이라는 문자열이 str에 저장되어야 하겠지만
실제로는 "undefined"라는 문자열이 저장됨

둘다 유효한 문자열이기 때문에 직접 값을 찍어보기 전에 단순히 타입 체크만으론 잘 들어갔는지 잘못 들어갔는지 모른다는 것이다

펼쳐보기▼

hinotoken

2023-10-18 14:24:03 답글

*수정됨

음...백틱을 써야할 이유가 더 늘었구만. 회사가 타입스크립트로 옮겨줄 것도 아니니 스트레스 많이받겠네

펼쳐보기▼

나리

2023-10-18 14:43:40 답글

*수정됨

Vanila JavaScript라도 쓰면 참 좋겠다
좆사크로의 x-javascript임

펼쳐보기▼

hinotoken

2023-10-18 14:44:55 답글

*수정됨

....난 못 견딘다. 그 자리를 버티고 있는 넌 대단한거다 힘내

펼쳐보기▼

판도라_

2023-10-18 14:29:01 답글

특정 상황에서도 아니고 대체 왜... ...

펼쳐보기▼

나리

2023-10-18 14:35:59 답글

*수정됨

그냥 즈으으으으언통의 좆사크로가 var를 쓰니까 var로 통일하라는데 이게 맞니...
좆사크로 14에선 let 못 쓴다고

펼쳐보기▼

판도라_

2023-10-18 15:02:38 답글

ㅋㅋㅋㅋㅋㅋㅋㅋ

펼쳐보기▼

ㅇㅇ

2023-10-18 17:19:54 답글

var 함수 호이스팅이라 성능차이도 존나 심한데

펼쳐보기▼

perl

2023-10-18 18:46:44 답글

es6 초창기에는 평균적으로 var가 더 빨랐던 적이 있었음
그리고 따지고보면 요새도 딱히 var가 몇 배 느리고 그러진 않음 속도 면에서는 유의미한 차이가 없는 수준

펼쳐보기▼

ㅇㅇ

2023-10-18 19:09:44 답글

그런게 아니라 함수밖에서 for문같은거 돌릴때 문제가 생김
for문내에 var i 하면 이게 전역변수로 취급되어버리는 일도 있음

펼쳐보기▼

perl

2023-10-18 19:10:49 답글

그게 일단 성능 차이는 아니지
그리고 어지간하면 전역 컨텍스트에서 뭔가를 하려는 시도는 별로 안 예뻐보임
웬만하면 iife로 묶어주는게 좋지 않나

펼쳐보기▼

ㅇㅇ

2023-10-18 20:51:57 답글

*수정됨

전역 컨텍스트에서 뭔가 하려는 시도가 안예뻐보이는건 모르겠고 애초에 전역에서 저지랄 날 문제가 있다는 것 자체에서 탈락사유지
실제로 간단한 빌드환경 구축할때는 함수로 구현하기보단 파일에 통짜로 구현하는 경우도 많은데

펼쳐보기▼

perl

2023-10-19 00:20:50 답글

그야 탈락사유인건 백번 동의하지만 성능적인 차이는 없다는게 요지임

그리고 내 표현이 좀 불충분했던 것 같은데 전역에서의 작업 자체가 아니라 말마따나 컨텍스트를 오염시킬만한 작업을 말한거였음 그래서 iife를 예시로 든거고

펼쳐보기▼

perl

2023-10-19 00:24:13 답글

다시 말하지만 호이스팅과 성능에 직접적인 연관관계는 충분하지 않단거임

펼쳐보기▼

ㅇㅇ

2023-10-19 08:31:33 답글

for블록 내에서 선언된 블록 변수가 호이스팅으로인해 전역변수로 변환된다는거임... 애초에 말이 안되는 상황임. 그게 왜 전역으로 젼환이 돼

펼쳐보기▼

perl

2023-10-19 09:17:28 답글

*수정됨

말도 안되지 말도 안되는거 알고 무슨 상황인지 알고 var 구리다는거 다 아는데 그게 왜 "성능"이랑 상관이 있는지를 모르겠음 정말로 var를 쓰면 for 속도가 2배 느려지는 것도 아닌데

이런것도 성능이라면 성능인데 차라리 "기능적으로 하자가 있다"면 몰라 흔히들 성능이라고 표현하는 속도나 메모리 사용 뭐 이런 측면에서만 보면 차이가 없음

펼쳐보기▼

ㅇㅇ

2023-10-19 10:17:26 답글

*수정됨

var은 블록스코프가 아닌 함수 스코프이다. 이걸 전역에서 사용했을때로 생각해보면 논리적으로 전역변술로 치환되는게 타당하긴함. 근데 자스 데이터 구조상 일반변수랑 전역변수 취급 자체가 완전히 다른데, 이걸 전역변수로 처리해버리는게 호이스팅의 문제이고 설계오류지. 그게 성능이랑 당연히 연결되는거고. 이걸 전혀 모르는 사람이 현상만 두고 봤을때 설계오류라고 생각할까? 이건 논외에요~ 라고 넘어가기엔 너무 큰 문제인데.

펼쳐보기▼

perl

2023-10-19 10:19:25 답글

설계 구린거 맞다니까 그거 틀렸다고 한 적 없음
그런데 그게 어떻게 성능이랑 연결됨
전역변수는 로컬보다 느림? 난 그건 처음 들어보는데 어떤 의미에서의 성능을 의미하는지 들어볼 수 있을까? 난 속도나 메모리 사용량쪽을 성능이라고 생각하는데

펼쳐보기▼

ㅇㅇ

2023-10-19 10:21:04 답글

const max = 1000000

console.time('var')
for (var i = 0; i < max; i++) {}
console.timeEnd('var')

console.time('let')
for (let i = 0; i < max; i++) {}
console.timeEnd('let')


var: 3.643ms
let: 1.91ms

펼쳐보기▼

perl

2023-10-19 10:22:37 답글

이건 충분히 큰 태스크 아닌거같은데
그리고 warm up 돌린거 맞음? 알다시피 어지간한 자스 런타임은 같은 코드 여러 번 돌리면 jit나 기타 최적화 들어가서 뒤에 실행되는 코드가 앞에 실행되는 코드보다 빨라지는건 알거고

내 환경에선 둘다 3.58 3.51로 차이없음 좀 더 규모 있고 유의미한 task로 테스트해봐야함

펼쳐보기▼

ㅇㅇ

2023-10-19 10:26:13 답글

몇 번이나 돌리면 비슷해지긴하네.

펼쳐보기▼

perl

2023-10-19 10:30:43 답글

안그래도 이 주제에 대한 스택오버플로 질문도 많고 처음에 말했듯이 "es6 초창기"에는 var이 더 느린 시점이 분명히 존재했었음

https://stackoverflow.com/questions/21467642/is-there-a-performance-difference-between-let-and-var-in-javascript

가령 이 글을 보면 2016-7년 기준으로는 60% 느리다는 글도 있고, 반대로 Chrome v60 이후로는 1% 미만의 성능 차이를 보인다는 글 역시 있고, 애초에 무엇보다

https://bugs.chromium.org/p/v8/issues/detail?id=4762&q=let%20label%3APerformance%20&colspec=ID%20Type%20Status%20Priority%20Owner%20Summary%20HW%20OS%20Component%20Stars

이렇게 크롬 이슈 트래커에 let이 더 느리다는 이슈가 올라온 적이 있음

물론 지금은 큰 차이 없고 오히려 var가 더 느린 상황이 자주 연출되지만 예전에는 분명 반대인 상황이 있었다는 거고 지금도 그렇다고 해서 var가 퍼포먼스가 뚜렷하게 나쁘다고 볼 수는 없다는게 내 주장임

Stack Overflow

Is there a performance difference between ‘let’ and ‘var’ in JavaScript

The difference between these two keywords in terms of scoping has already been thoroughly discussed here, but I was wondering if there is any kind of performance difference between the two, and if…

안그래도 이 주제에 대한 스택오버플로 질문도 많고 처음에 말했듯이 "es6 초창기"에는 var이 더 느린 시점이 분명히 존재했었음

https://stackoverflow.com/questions/21467642/is-there-a-performance-difference-between-let-and-var-in-javascript

가령 이 글을 보면 2016-7년 기준으로는 60% 느리다는 글도 있고, 반대로 Chrome v60 이후로는 1% 미만의 성능 차이를 보인다는 글 역시 있고, 애초에 무엇보다

https://bugs.chromium.org/p/v8/issues/detail?id=4762&q=let%20label%3APerformance%20&colspec=ID%20Type%20Status%20Priority%20Owner%20Summary%20HW%20OS%20Component%20Stars

이렇게 크롬 이슈 트래커에 let이 더 느리다는 이슈가 올라온 적이 있음

물론 지금은 큰 차이 없고 오히려 var가 더 느린 상황이 자주 연출되지만 예전에는 분명 반대인 상황이 있었다는 거고 지금도 그렇다고 해서 var가 퍼포먼스가 뚜렷하게 나쁘다고 볼 수는 없다는게 내 주장임

펼쳐보기▼

ㅇㅇ

2023-10-19 10:35:55 답글

*수정됨

나도 let 등장 초창기 이야기에서 var 성능이 느린건 알고있었음.
그리고 2년전인가? 갤럼이 let이랑 var 성능차이 이해안간다는 글 봐서 테스트해봤고.

아마 그땐 브라우저 콘솔에서 대충 테스트해봐서 그런거같음
지금도 브라우저 콘솔에서 테스트하니까 jit안되네,, 콘솔 최적화는 생각을 못했다

펼쳐보기▼

동그랑땡땡

2023-10-19 06:45:07 답글

왜 const 안 쓰고....

펼쳐보기▼

choi4624

2023-10-21 02:52:46 답글

"뭔지 잘 모르겠으면 그냥 var 쓰세요" 하던 교수님... 현실 조언이었군요

펼쳐보기▼

댓글 작성

업로드 중

0초

녹음 중지 삭제

글쓰기

전체글 개념글

최근 최근 방문 채널

최근 방문 채널

전체 공지 정보 질문 잡담 유머 C/C++ C# Python Java Front-end Back-end 앱·겜 AI·Data 그 외

번호 제목

작성자 작성일 조회수 추천

잡담 나 빡대가리인가? [6]

ㅇㅇ 2023.10.19 158 1

gpt 계정 비활성화 됬는데 왜이럼 [1]

ㅇㅇ (183.106) 2023.10.19 234 1

ㅇㅇ (210.210) 2023.10.19 402 0

질문 간혹 뚝뚝 끊기는데 이유 아는사람? [4]

ㅇㅇ (121.137) 2023.10.19 175 -3

질문 나한테 지식을 조금만 나눠주실분없나요? [4]

잡담 졸라 뭐부터 공부해야할지 감도안잡히네 [6]

오르카Orca 2023.10.18 194 3

잡담 코딩 공부 하면서 느끼는건데 [4]

ㅇㅇ 2023.10.18 212 0

잡담 API 만들었으면 제발 좀 예문이나 쓰는법도 같이 올리는거 법으로 지정안되나? [8]

ㅇㅇ 2023.10.18 157 0

질문 자바/ 코틀린 http 리퀘스트 할때 오류 해결법 [3]

ㅇㅇ 2023.10.18 137 0

아까 아침에 유니티 질문글 썼던 게이임 [3]

SSeries 2023.10.18 111 0

와 iocp 엄청 어렵네 [3]

잔향 2023.10.18 180 0

Back-end 아 안 되던 이유 찾았다 [2]

나리 2023.10.18 130 0

Back-end TDD 실제로 해보려니까 어렵네 [12]

나리 2023.10.18 230 0

잡담 JS프로젝트에서 TS 안쓰는건 걍 게으름임 [11]

hRKTnNQjSr 2023.10.18 285 1

글쓰기

전체글 개념글