코어 자바스크립트대시보드

좋은 강의 유익하게 잘 듣고 있습니다. 프론트앤드를 지망하며 자바스크립트에 대한 코어부터 확실히 잡기 위해 수강하게 되었는데 정말 잘 듣고 있습니다. 공부 내용을 개인 블로그에 기록하며 복습을 하려 하는데 출처를 밝히고 작성해도 괜찮을지 여쭙고 싶습니다

클로저 개념은 이해하고 코드 또한 읽을 수 있겠는데 set a(v)을 호출하여 localA의 값을 변경하는 것을 어떤 식으로 선언해야 할지 잘 모르겠네요...get a()는 위 이미지와 같이 호출할 수 있는데 말이죵...

안녕하세요 강의를 보던중  레코드환경이 호이스팅과 동일한것으로 볼 수 있다고 하면 let const또한 스코프 환경에 선언된  변수이고 그렇다면 호이스팅이 발생되는것이라고 인지가 되는데요 그럼 왜 var는 undefined가 사용되고 const let은 에러를 내는것일지요

위 코드 중에 forEach문의 콜백함수인 function 인자의 v,i에 각각 arr배열의 인덱스값과 배열 값들이 들어가는 것은 알겠는데 이렇게 v, i에 배열 인덱스와 배열 값들이 들어가게 하는 원인이 forEach라는 매소드의 성질 때문에 일어나는 일인가요??

오프라인과 온라인 중 뭘 들으면 좋을까요?  웬만하면 생략보다는 더 깊이 강의하신 내용이 좋겠는데 고민이네요. 이제 막 시작하려는 학생입니다!

누락된것이고 할당 된 부분인가요

기본적으로 자바스크립트에서는 호출하려는 함수 앞에 식별자가 this로 할당된다라는부분만 이해와 프로토타입은 객체라는것만 알아도 충분히 프로토타입을 이해하는데 도움이 될거라 생각합니다.

생성자 함수로 new 키워드로 쓰면 새로운 인스턴스가 생성 될 경우, 이때 실행 콘텍스트의 구조가 어떻게되는지 궁금합니다. 생성자 함수도 마찬가지로 lexical environment 생성될까요?

callback설명에서 call, apply, bind와 같이 묶어서 설명해주셨는데 정리부분은 callback 호출에서만 해당이 아닌 자바스크립트에서 함수 호출의 모든 대상인것으로 알고 있습니다. 결국은 callback도 함수의 실행인것이기때문에 callback에서의 호출 주체가 없다면 window가 될텐데 call, apply, bind 등과 함수를 왜 callback으로 설명주셨는지 궁금합니다. :) 저는 기본적으로 callback도 일반 함수 호출과 똑같이 생각하고 있는데 맞는걸까요??

지금까지 본 실행콘텍스트에대해서 가장 쉽고 정리된 영상이라고 생각합니다

참조의 depth가 깊어지면 성능상에도 문제가 있을까요?

Variable Environment는 컨텍스트가 실행될 때 값을 스냅샵을 찍어놓는다고 하셨는데요. 실행 컨텍스트에서는 Lexical Environment만 사용하는거 같은데.. Variable Environment는 어떤 경우에 사용이 되나요?

const arr = [1,2,3,4,5]; const entries= []; arr.forEach((v,i) => entries.push([i,v,this[i]]), [10,20,30,40,50]); console.log(entries); -------------------------------------------------------------------------------------------------------------- callback 강의에서 forEach메소드는 callback을 실행할때 this와 바인딩값을 두번째 인자에 넣는다고 했는데, 강의에서 나온 forEach 예제를 화살표 함수로 사용하니 결과가 다르게 나옵니다. <질문> 1. arr.forEach( (v, i) => entries.push( [i, v, this[i]]), [10,20,30,40,50]); 에서      entires.push를 실행할때 this가 [10,20,30,40,50]과 바인딩 되어야 하는 것 아닌가요? 2. 위의 예제를 ExcutionContext가  call stack에 쌓이는 순서대로 표현하면   아래가 맞나요?     1) 전역 EC 생성 -> arr.forEach 메소드 EC생성 -> 익명함수 EC 생성 -> entries.push 메소드 EC 생성     2) entries.push 메소드 EC 종료 -> 익명함수 EC 종료 -> arr.forEach 메소드 EC종료 -> 전역 EC종료 자세한 설명 부탁드립니다.

Employee.prototype = new Person()와 Bridge.prototype = Person.prototype 차이를 잘 모륵겠습니다 TT 제가 이해한거는 맨위에 new Person()을 하면 인스턴스를 Employee.prototype 에 넣어서 Person클래스의 메소드를 상속받아서 getName(),getAge()를 쓸수있는거는 알겠는데 Bridge.prototype = Person.prototype 하면은 어떻게 되는건지 ... 그리고 Employee.prototype = new Person() 하면 프로토타입에 name , age 이름없음 나이없음 뜨는게 생성자를 통해 생성된 인스턴스여서 name ,age프로퍼티가 존재하는건가요?  쓰면서 생각났는데 그러면 그와 반대로 Person.prototype를 Bridge.prototype넣으면 인스턴스가 아니라 prototype이니까 프로퍼티가 없는건가요?

자동차 게임 예시를 통해, 지역변수를 선언이 외부로부터 그 값을 바꾸지 못하도록 한다는 것을 이해하였습니다. 그런데 3:03초쯤에 외부에게 지역변수 변경 권한을 부여한다는게 무슨 의미인지 잘 와닿지 않습니다. 자동차 게임에서 지역변수를 선언하면서 외부에서 값을 변경 못하도록 한건, 지역변수 변경 권한을 없앤것 아닌가용?.?

Employee 생성자에서 this.superClass(name, age) 이 부분이 체이닝을 거쳐 Parent(name, age)가 되고, 이 Parent 생성자 함수가 생성자가 아닌 일반 함수로서 호출되어 name과 age를 매개변수로 받아 값을 할당하게 되는 걸로 이해했는데 맞나요??? 

undefined가 출력되는데 여기서 이해가 안되는게 outer함수가 호출될때 outer실행컨텍스트가 실행되면서 this바인딩하고 호이스팅이 일어나는데 여기서 호이스팅으로  함수선언식인 inner함수가 호이스팅됩니다. 그 다음에 outer scope에서 a를  탐색하는데 지역변수가 없으니까 global scope에서 탐색 해서 전역변수인 a 가 1일이니까 1출력하고 그다음 inner함수가 호출되면서  inner실행컨텍스트가 생성되면서 호이스팅이 일어나면서 a가 3이 할당되면서 올라오지 않나요?? 그래서 a가 3인줄알았는뎅 여기가 이해가 안됩니다 죄송하지만 이유를 조금 더 풀어서 알려주실수 있을까요 ?? TT

안녕하세요? 강의 재밌게 잘 들었습니다. 호이스팅 관련된 질문이 있습니다. 강의를 보고나니 호이스팅, 즉 스코프 내에서 선언과 할당을 분리하는 방식이 언어 설계 상에 어떤 의도가 있는지 의문이 생겼는데요. 열심히 구글링을 해보니 1.  JS 엔진이 코드를 실행하기 앞서서 컴파일 과정을 거치고 이 컴파일 과정에서 먼저 선언문을 처리함으로써 각 선언문의 렉시컬 스코프를 결정해주기 위해서라는 결론에 도달했습니다. 그런데 어차피 실행 하기 전에 컴파일 되는 방식이라면요.  굳이 선언을 올리는 방식이 아니라 다른 언어들처럼 컴파일러가 알아서(죄송하지만 구체적으로 표현을 못하겠습니다) 최적화된 기계어를 뽑아낸 다음에 그걸 실행시키면 되는게 아닌가? 라는 의문이 생겼습니다. 다시 구글링을 열심히 해보니  2. JS는 브라우저에 렌더링 하기 직전 짧은 시간에 컴파일을 해줘야 하기 때문에 위와 같은 방식이 불가 하고 컴파일과 인터프리팅을 한 번에 top-down으로 쭉 해줘야 한다는 내용을 알게되었습니다. 저는 1과 2를 합해서 3. 현재 스코프의 모든 선언문이 어디서 나타나든 실행 전에 컴파일 과정을 지나게 해야한다. 그래야 top-down으로 컴파일->인터프리팅이 가능하기 때문이다. 그래서 호이스팅으로 현재 스코프의 선언문을 먼저 올려야 한다. 라는 결론을 내렸는데요. 1과 2에 대한 정보는 많은데 3에 대한 자세한 잘 못찾겠어서 이곳에 질문을 남깁니다. 3의 내용에 잘못된 부분이 있는지 알려주신다면 감사하겠습니다. 긴 질문 읽어주셔서 감사합니다. 답변 기다리도록 하겠습니다.

강의 노트를 다운 받아서 크롬에 markdown viewer extension 설치를 했는데도 그냥 텍스트로 보이는데 제대로 볼려면 어떤 프로그램을 이용해야 하나요?

안녕하세요 !Execution Context에 강의 정말 잘 들었습니다. 덕분에 Execution Context에 대한 개념을 잡을 수 있었습니다! 감사합니다 😀Execution Context수강 후 여러 자료를 살펴본 결과 Excution Context가 생성되는 시점은 1.Global,  2.Function call, 3.Eval 등이 있다는 것을 알게 되었습니다.이와 관련하여 질문드립니다 ! 1.첫 번째로 해당 Execution Context이외에  JS가 업데이트 되면서 추가로 존재하는 Execution Context가 있을까요 ?만약에 존재한다면 기존의 Context와 동일한 방식으로 동작하나요 ? 2.두 번째 질문으로 Global Execution Context(GEC)의 소멸시점에 대해 궁금한 것이 있습니다 !JS CallStack에 쌓여진 GEC의 경우 언제 사라지나요? 네트워크 요청이나, setTimeout과 같은 비동기 작업이 있을때도가장 마지막에 GEC가 사라지나요?만약 GEC가 먼저 사라진 경우 비동기 작업처리 후 Callback이 실행되고, 해당 Callback Function이 Global Scope에 있는 변수를 접근한다면 어떤 일이 생기나요 ?3.마지막으로는 Lexcial Environment와 Lexical Scope에 대한 개념이 명확하지 않은데요Lexical Environment는 Execution Context 생성 시, 즉 Function이 call되는 시점에 생성되는 객체 정보라고 알고 있습니다.반면 Lexical Scope의 경우 정적 스코프로 함수가 선언된 위치의 Scope 정보를 담고 있다고 하던데실행과 선언에 대한 시점에 대해서 이해가 잘 되지 않습니다. 이 둘 간의 관계에 대해 설명해주실 수 있나요 ?