Std. 7

2019. 10. 8. 17:36Webpack/WORK

ES6

 

자바스크립트

- 모듈관리

- 의존성관리

- 전역변수 사용X

 


" A 개발자와 B 개발자가 있습니다. 각 개발자는 자신이 개발하는 js에서 전역변수를 사용하였습니다.

두 개발자 모두 이름을 콘솔에 출력하고 싶습니다."

 

기존의 자바스크립트에서는 동일한 전역변수를 사용할 경우 예측하지 못한 오류를 발생합니다. 

-> B 개발자의 변수가 A 개발자의 변수를 덮어씌었습니다.

결과는 

B.js - foo1

A.js - hellofoo1

 


ES6를 사용하여 위의 문제를 해결합니다. 

-> 각자 정의한 변수로 출력됩니다. 또한 B 개발자는 sayHello 함수에 접근은 가능하지만 name을 출력하는 부분에서 undefined 가 출력됩니다. 

이것으로 A의 name과 B의 name은 완전히 독립적인 것을 확인할 수 있습니다. 

결과는

B.js - foo

B.js - Hello undefined

A.js - Hello fooo

 

 

'Webpack > WORK' 카테고리의 다른 글

Std. 8  (0) 2020.07.27
Std. 6  (0) 2019.10.07
Std. 5  (0) 2019.10.07
Std. 4  (0) 2019.10.07
Std. 3  (0) 2019.10.04