[자바스크립트] ES5 - ES6 로의 변환과정중인데 도와주세여;;;

Question

안녕하세요~ 선배님들. 기존에 ES5 방식으로 사용하던 As-is소스들이 있는데 이 소스들을 ES6 방식 (To-be)으로 변환하는 중에궁금한게 있어서 질문드립니다! 예를들어 공통함수 (common.js) 에 정의되어 있는게 있습니다.const isReal &#61; (str) &#61;> { console.log(str);} 이것과 동일한 이름으로 다른 파일에서 사용하는? 게 있습니다.function isReal(str) { console.log(str); } 컴파일을 하고 나니 스크립트 에러가 납니다.에러내용은 다음과 같아요.Error: Uncaught [SyntaxError: Identifier 'isReal' has already been declared] 그래서 제가 아래와 같이 소스를 바꿨어요.this.isReal &#61; function (str) { console.log(str); } 이렇게 바꾸고 나니 에러는 안나는데... 이렇게 쓰는게 맞는것인지 틀린것인지 알고싶습니다 :(또한 처음에 컴파일 후 스크립트 에러가 나는 이유가 const 타입이라 다른데서 재선언? 재사용을 해서 에러가 나는건가요?

개발 까마귀 · Accepted Answer

https://okky.kr/user/info/92572 네 두 파일에 동일한 const 타입에 선언된 변수는 사용하면 안됩니다. const는 물론이고 함수도 마찬가지 입니다. 그래서 저렇게 js를 분리해서 한 파일에 같이 load를 하는 경우에는 설계를 잘 해야 합니다. 전역 변수는 최소한으로 하고 만약 전역변수가 있을시에는 객체에 변수를 담아서 관리하게 만들고 그 외것들은 함수안에 넣어서 중복을 최소화 해줘야합니다. const 타입은 재 선언, 재 할당 불가한거 맞습니다. var 같은 경우에는 함수안에 선언을 하면 함수 스코프 이기 때문에 다 접근이 가능하죠 예를들어 function example() {if(true) {var a&#61;'a';} console.log(a); //a} var 보는거와 같이 함수 스코프를 따르기 때문에 if문에 블록에 접근이 가능하지만 const, let은 블록 스코프이기 때문에 저렇게 했을시 접근이 안됩니다.

Eleutherius · Answer

const는 재할당 불가합니다.common의 것을 유지하고 그 외에는 제거하시는게 맞을 것 같습니다.수정하는것이 광범위하면 let이나 var로 하실 수 밖에...

러브트윈스 · Answer

선배님, 하나더 여쭤볼게요. common.js 의 것을 유지하고, 다른 파일에 있는 함수내에서 새롭게 const isReal 로 해도 에러가 날까요? 제가 알기론 const 는 블록 내에서만 유효하다고 알고 있어서요~!

개발 까마귀 · Answer

https://okky.kr/user/info/92572https://okky.kr/user/info/92572러브트윈스 만약 index.html에 a.js 와 b.js를 연결했으면 a.js 에 hello 라는 함수와 b.js에도 hello라는 함수가 글로버 영역에 있으면 문제가 생깁니다.

개발 까마귀 · Answer

https://okky.kr/user/info/92572https://okky.kr/user/info/92572러브트윈스 각기 다른 파일에 이름이 똑같은 함수가 한 파일에 같이 연결되어있으면 문제가 생기는거는 당연 한겁니다.컴포넌트 개념으로 완전히 독립적이지가 않습니다. 대충 상황을 보아하니 한개의 .html 파일에 2개 이상의 .js 파일을 연결하신거 같습니다만 파일 하나의 함수는 이름을 다르게 지어야합니다.

러브트윈스 · Answer

개발까마귀님, 쪽집게 같은 설명 감사합니다! ㅎㅎ 혹시 한가지 덧붙이자면 common.js 에 const 타입으로 선언된 변수가 초기값도 할당되어있다고 하고, test.jsp 라는 뷰에 A.js 와 common.js 가 모두 아래와 같이 js파일을 추가 시켰습니다. 여기서 헷갈려서 질문드려요 ㅜA.js 와 common.js 2개 파일안에 모두 동일한 const타입으로 선언된 변수 (이름까지 똑같음)가 있으면 안되겠죠?const 타입은 반드시 초기값 설정을 해줘야하고, 재선언 불가, 재할당 불가로 알고있어서요!

[자바스크립트] ES5 -> ES6 로의 변환과정중인데 도와주세여;;;

6개의 답변

#babel 목록