[javaScript] 동적 변수 생성하기, 변수 이름 합쳐서 생성하기 (No eval, window함수)

개발하다가 처음으로 변수를 동적으로 추가해야할 일이 생겼다.

웬만하면 배열에 값을 추가하는 방법을 사용했는데 이번에는 그런식으로 개발했더니 기능이 제대로 동작을 안하더라ㅠㅠ (외부 API 연동하다가 생긴 일...)

 

처음에는 eval()이라는 함수를 이용하여 변수 명 뒤에 다른 변수(나는 count)를 붙여줬는데

ES버전이 올라가면서 전역변수로 생성이 안된다는 말도 있고... (다른 곳에서 값을 조회하려니까 존재하지 않는 변수라는 Warning창이 떴다.)

정말 다른 방법이 없는 것이 아니라면 eval()을 쓰지말라는 글이 굉장히 많았다.

 

그래서 다른 방법을 모색하던 차에 발견한 window 함수...

브라우저 내에서 글로벌 변수로 만들어진다고 한다.

window['변수'+"3"] = "변수"+"3";

console.log("변수3");

물론 얘를 잘 쓰지 않는 이유가 있을 것이다...

편하다고 너무 남발하지 말고, 정말 필요한 때에! 다른 방법이 없을 때 사용하면 좋을 것 같다.

---

자세한 내용은 아래 글 참고부탁드려요!

참고: http://daplus.net/javascript-javascript%EC%97%90%EC%84%9C-%EB%8F%99%EC%A0%81-%EB%B3%80%EC%88%98-%EC%9D%B4%EB%A6%84-%EC%82%AC%EC%9A%A9/