Block-Scoped Functions

[heejunghwang]

ES6에서의 예제가 이해가 되지 않음

ES6
{
function foo () { return 1 }
foo() === 1
{
function foo () { return 2 }
foo() === 2
}
foo() === 1
}
ES5 [source, javascript]
// only in ES5 with the help of block-scope emulating
// function scopes and function expressions
(function () {
var foo = function () { return 1; }
foo() === 1;
(function () {
var foo = function () { return 2; }
foo() === 2;
})();
foo() === 1;
})();
[참고사이트]
http://es6-features.org/#BlockScopedFunctions

[youngbeomrhee]

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/block
원래 block statement 가 존재
아래와 같은 구조

{
statement_1;
statement_2;
...
statement_n;
}

그래서 아래와 같은 코드도 가능

var x = 1;
{
var x = 2;
}
console.log(x); // 2

x가 2가 나오는 이유는 자바스크립트 var의 스코프는 함수스코프이기 때문

하지만 let으로 바꾸면

let y = 1;
{
let y = 2;
}
console.log(y); // 1

블록스코프이기 때문에 1이 나옴

함수선언으로 가면 재미있어지는데

{
function foo () { return 1; }
console.log(foo());
{
function foo () { return 2; }
console.log(foo());
}
console.log(foo());
}

각각의 foo가 어떤 함수를 가리키는지 브라우져를 열어서 돌려보자

[heejunghwang]

해결완료