반응형 자바스크립트7 자바스크립트 iterable 객체, for-io, 반복가능한 객체 이전에 제가 작성한 반복문의 종류에 관한 글에서 for-of는 '반복 가능한 객체에 있는 각 요소들에 대해 반복적인 동작을 할 수 있게 해 준다'라고 이야기한 적이 있습니다. 여기서 반복 가능한 객체란 무엇일까요? 단순히 반복이라는 단어를 떠올렸을 때는 배열의 요소나 객체의 속성을 순회하는 것을 떠올릴 수 있겠지만 ES6에 들어서며 약간 더 심오한 개념이 추가됩니다. Javascript에서 말하는 반복 가능한 객체란 무엇인지 알아보도록 하겠습니다. 2023.01.25 - [Javascript] - 자바스크립트 반복문 forEach, for-in, for-of 비교 자바스크립트 반복문 forEach, for-in, for-of 비교 Javascript에는 객체와 배열을 반복 순회하는 여러 가지 방법이 존재.. 2023. 2. 13. Javascript 실행 컨텍스트, 호이스팅, 클로저의 이해(2) 안녕하세요! 지난 자바스크립트 실행 컨텍스트 1편에서 실행 컨텍스트란 무엇인지, ES3 기반의 실행 컨텍스트는 어떤 모습인지 살펴봤습니다. 오늘은 ES5 스펙에서 실행 컨텍스트를 어떤 식으로 정의하고 있는지 살펴보려고 합니다. 그리고 자바스크립트를 이해함에 있어서 빠져서는 안 될 호이스팅과 클로저를 실행 컨텍스트 관점에서 이해해 보도록 하겠습니다. 2023.02.09 - [Javascript] - Javascript 실행 컨텍스트, 호이스팅, 클로저의 이해(1) Javascript 실행 컨텍스트, 호이스팅, 클로저의 이해(1) 자바스크립트를 공부하며 이해하는데 꽤나 오랜 시간이 걸렸던 개념이 바로 실행 컨텍스트였습니다. 이번글을 통해 ES3와 ES5에서의 실행 컨텍스트에 대해 정리해보려고 합니다. 굳이 .. 2023. 2. 11. Javascript 실행 컨텍스트, 호이스팅, 클로저의 이해(1) 자바스크립트를 공부하며 이해하는데 꽤나 오랜 시간이 걸렸던 개념이 바로 실행 컨텍스트였습니다. 이번글을 통해 ES3와 ES5에서의 실행 컨텍스트에 대해 정리해보려고 합니다. 굳이 옛날 스펙인 ES3까지 다루는 이유는 저의 경우 실행 컨텍스트를 이해하는데 ES3의 스펙이 많은 도움이 됐기 때문입니다. 또 스펙 간의 변화를 느껴보는 것도 새로운 경험인 것 같아 정리를 해보려고 합니다. 실행 컨텍스트는 자바스크립트 동작 원리와 호이스팅, 클로저를 이해하는데 많은 도움이 되니 조금 어렵더라도 차분히 읽어보시긴 권해드립니다! 본 내용은 총 2편에 걸쳐 작성될 예정입니다. 1편 - 실행 컨텍스트의 개념, ES3 기반의 실행 컨텍스트 2편 - ES5 기반의 실행 컨텍스트, 실행 컨텍스트로 이해하는 호이스팅과 클로저 .. 2023. 2. 9. 자바스크립트 반복문 forEach, for-in, for-of 비교 Javascript에는 객체와 배열을 반복 순회하는 여러 가지 방법이 존재합니다. 실제 코딩을 하면서 여러 방식들을 두루두루 사용해 보았지만 어떤 상황에 어떤 방식을 사용하는 것이 적합한지 항상 헷갈리는 것 같습니다. 그래서 이번 기회에 각 반복문의 특징에 대해 정리해보려고 합니다. forEach 우선 가장 덜 헷갈리는 forEach부터 살펴보겠습니다. let arr = [1, 2, 3]; arr.forEach((el, i, arr) => { console.log(el); }); // 1 2 3 forEach 의 콜백함수는 다음 세 가지 파라미터와 함께 호출될 수 있습니다. 처리할 현재 요소 처리할 요소의 인덱스 forEach를 호출한 배열 forEach 는 엄밀히 말하면 반복'문'이 아니라 메서드입니다.. 2023. 1. 25. 이전 1 2 다음 반응형
