코딩시간 입니다.
230
buriburi
작성한 질문수 10
1
1. 함수 선언문, 함수 호출(), 함수 선언문
```javascript
function book() {
function getBook() {
return "one";
};
console.log(getBook());
function getBook() {
return "two";
};
};
book();
// two
```
- 함수 선언문 해석
- function 키워드를 만나서 Function 오브젝트를 생성합니다.
- 엔진이 자신이 속한 스코프를 생성한 Function 오브젝트의 [\[Scope]]에 설정합니다.
- book() 함수를 호출하게 되면, 실행 콘텍스트가 생성되고 실행 콘텍스트에서 호출된 함수의 [\[Scope]]에 바인딩된 것을 호출된 함수의 1레벨 밖의 스코프로 사용합니다.
- 이때 내부를 읽으면서 단계를 거쳐, 함수와 변수를 {name: value} 형식으로 실행 콘텍스트에 저장합니다.
- book() 함수를 호출할 때, 엔진 컨트롤이 함수 내부로 들어갑니다.
- 첫 번째 함수 선언문을 getBook에 function 오브젝트를 할당합니다.
- console.log(getBook())은 패스합니다.
- 두 번째 함수 선언문을 getBook에 function 오브젝트를 할당합니다.
- 결과적으로 getBook에는 두 번째 function 오브젝트가 할당되어 있는 상태입니다.
- 변수 초기화
- 내부를 읽어 변수들을 초기화합니다.
- 변수 선언이 없어서 패스합니다.
- 코드 실행
- console.log(getBook())을 실행합니다.
- 이때, getBook() 함수를 호출합니다.
- 해당하는 function 오브젝트는 두 번째로 two를 반환합니다.
- 따라서, 콘솔에 two가 출력됩니다.
- 최종적으로, getBook에는 two를 반환하는 function 오브젝트 할당되어있습니다.
2. 함수 표현식, 함수 호출(), 함수 표현식
```javascript
function book() {
var getBook = function() {
return "one";
};
console.log(getBook());
var getBook = function() {
return "two";
};
};
book();
// one
```
- 함수 선언문 해석
- function 키워드를 만나서 Function 오브젝트를 생성합니다.
- 엔진이 자신이 속한 스코프를 생성한 Function 오브젝트의 [\[Scope]]에 설정합니다.
- book() 함수를 호출하게 되면, 실행 콘텍스트가 생성되고 실행 콘텍스트에서 호출된 함수의 [\[Scope]]에 바인딩된 것을 호출된 함수의 1레벨 밖의 스코프로 사용합니다.
- 이때 내부를 읽으면서 단계를 거쳐, 함수와 변수를 {name: value} 형식으로 실행 콘텍스트에 저장합니다.
- book() 함수를 호출할 때, 엔진 컨트롤이 함수 내부로 들어갑니다.
- 내부에 함수 선언문이 없어서 패스합니다.
- 변수 초기화
- 내부에 있는 변수를 초기화합니다.
- 처음에 getBook에 undefined를 설정합니다.
- console.log(getBook())은 패스합니다.
- 두 번째로 getBook에 undefined를 설정합니다.
- 코드 실행
- getBook에 function 오브젝트를 할당합니다.
- console.log(getBook())를 실행하고, getBook() 함수를 호출합니다.
- 이때, getBook() 함수는 one을 반환합니다.
- 콘솔에 one이 출력됩니다.
- 그 후, getBook에 새로운 function 오브젝트가 할당됩니다.
- 최종적으로, getBook에는 two를 반환하는 function 오브젝트 할당되어있습니다.
3. 함수 선언문, 함수 호출(), 함수 표현식
```javascript
function book() {
function getBook() {
return "one";
};
console.log(getBook());
var getBook = function() {
return "two";
};
};
book();
// one
```
- 함수 선언문 해석
- function 키워드를 만나서 Function 오브젝트를 생성합니다.
- 엔진이 자신이 속한 스코프를 생성한 Function 오브젝트의 [\[Scope]]에 설정합니다.
- book() 함수를 호출하게 되면, 실행 콘텍스트가 생성되고 실행 콘텍스트에서 호출된 함수의 [\[Scope]]에 바인딩된 것을 호출된 함수의 1레벨 밖의 스코프로 사용합니다.
- 이때 내부를 읽으면서 단계를 거쳐, 함수와 변수를 {name: value} 형식으로 실행 콘텍스트에 저장합니다.
- book() 함수를 호출할 때, 엔진 컨트롤이 함수 내부로 들어갑니다.
- 첫 번째 함수 선언문을 만나 getBook에 function 오브젝트를 할당합니다.
- 나머지는 패스합니다.
- 변수 초기화
- getBook 변수를 초기화하려했는데 이미 값이 있어서 초기화하지 않습니다.
- 현재 getBook에는 function 오브젝트가 할당되어 있습니다.
- 코드 실행
- console.log(getBook())을 만나서, getBook() 함수를 호출합니다.
- one이 반환됩니다.
- 따라서, 콘솔에 one이 출력됩니다.
- 그 후, getBook에 새로운 function 오브젝트가 할당됩니다.
- 최종적으로, getBook에는 two를 반환하는 function 오브젝트 할당되어있습니다.
4. 함수 표현식, 함수 호출(), 함수 표현식
```javascript
function book() {
var getBook = function() {
return "one";
};
console.log(getBook());
function getBook() {
return "two";
};
};
book();
// one
```
- 함수 선언문 해석
- function 키워드를 만나서 Function 오브젝트를 생성합니다.
- 엔진이 자신이 속한 스코프를 생성한 Function 오브젝트의 [\[Scope]]에 설정합니다.
- book() 함수를 호출하게 되면, 실행 콘텍스트가 생성되고 실행 콘텍스트에서 호출된 함수의 [\[Scope]]에 바인딩된 것을 호출된 함수의 1레벨 밖의 스코프로 사용합니다.
- 이때 내부를 읽으면서 단계를 거쳐, 함수와 변수를 {name: value} 형식으로 실행 콘텍스트에 저장합니다.
- book() 함수를 호출할 때, 엔진 컨트롤이 함수 내부로 들어갑니다.
- 함수 선언문을 만나 getBook에 function 오브젝트를 할당합니다.
- 변수 초기화
- getBook을 초기화하려 하지만 이미 function 오브젝트가 설정되어 있어서 초기화하지 않습니다.
- 현재 getBook에는 function 오브젝트가 할당되어 있습니다.
- 코드 실행
- getBook에 새로운 function 오브젝트를 할당합니다.
- console.log(getBook())를 만나, getBook() 함수를 호출합니다.
- getBook() 함수는 one을 반환합니다.
- 따라서, 콘솔에 one이 출력됩니다.
- 이 단계에서 다시 함수 선언문을 실행하지는 않습니다.
- 최종적으로, getBook에는 one을 반환하는 function 오브젝트 할당되어있습니다.
좋은 강의 항상 감사합니다.
답변 0
getBook 실습 예제중 질문드립니다!
0
433
1
__proto__ 에 대해 질문드립니다
0
325
1
호이스팅 코딩시간 풀이
0
372
1
[코딩 시간] JS {name: value} 이해
0
347
1
[[Scope]] 와 [[Environment]]는 같은 개념인가요
0
349
0
slice
0
243
0
스코프가 뭔가요?
0
313
0
어려워요
0
260
0
강사님 변수이름에 get을 붙이는 이유를 알고싶습니다.
0
349
1
[정리 시간] 정확하게 이해했는지 확인 부탁드립니다.
0
308
0
스코프 질문
0
258
1
fn 함수와 book.get 함수 차이 질문드립니다...ㅠㅠㅠ
1
553
1
this binding 논리 질문입니다.
0
287
1
파라미터 값을 매핑할 때
0
256
0
ES6부터는 this 바인딩을 환경 레코드에서 참조한다고 들었습니다.
0
212
0
정리시간 입니다.
0
230
0
정리시간입니다.
6
277
0
정리 시간 입니다.
0
208
0
정리시간입니다.
6
234
0
선생님 스코프 질문이 있습니다.
1
245
0
[정리시간] 해보았습니다!
0
183
0
선생님 질문있습니다!!
0
162
0
질문드려도 될까요 선생님..
0
221
0
엔진이 식별자 해결을 위해서 스코프를 사용한다고 하셨는데
0
188
0