요깨비's LAB

1. 매개 변수 기본값 (Default Parameter Value) 함수를 호출할 때 매개변수의 개수만큼 인수를 전달하는 것이 일반적이지만 그렇지 않은 경우에도 에러가 발생하지는 않습니다. 함수는 매개변수의 인수의 개수를 체크하지 않습니다. 인수가 부족한 경우, 매개변수의 값은 undefined입니다. function sum(x,y) { return x + y; } console.log(sun(1)); // NaN 따라서 매개변수에 적절한 인수가 전달되었는지 함수 내부에서 확인할 필요가 있습니다. function sum(x, y) { // 매개변수의 값이 falsy value인 경우, 기본값을 할당한다. x = x || 0; y = y || 0; return x + y; } console.log(sum..

1. 화살표 함수의 선언 화살표 함수(Arrow Function)는 function 키워드 대신 화살표(=>, Fat Arrow)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있습니다. 하지만 모든 경우 화살표 함수를 사용할 수 있는 것은 아닙니다. 아래의 코드를 보시죠 // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x,y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x} // single line block x => x*x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵..

ES6는 템플릿 리터럴(Template Literal)이라고 불리는 새로운 문자열 표기법을 도입하였습니다. 템플릿 리터럴은 일반 문자열과 비슷해 보이지만, ' 또는 " 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를 사용합니다. const template = `템플릿 리터럴은 '작은따옴표(single quetes)'와 "큰따옴표(double quotes)"를 혼용할 수 있다.`; console.log(template); 일반적인 문자열에서 줄바꿈은 허용되지 않으며 공백을 표현하기 위해서는 백슬래시(\)로 시작하는 Escape Sequence를 사용해야 합니다. ES6 템플릿 리터를은 일반적인 문자열과 달리 여러 줄에 걸쳐 문자열을 작성할 수 있으며, 리터럴 내의 모든 공백은 그대로 적용..

let foo = 1; // 전역 변수 { console.log(foo); // Reference Error : foo is not defined let foo = 2; // 지역 변수 } ES까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 사용하는 것이었다. var 키워드로 선언된 변수는 아래와 같은 특징이 있다. 이는 다른 언어들과는 다른 특징이며 이를 간과하고 주의하지 않으면 심각한 문제를 초래한다. 1. 함수 레벨 스코프(Function-level scope) 함수의 코드 블록만을 스코프로 인정한다. 따라서 전역 함수 외부에서 생성한 변수는 모두 전역 변수이다. 이는 전역 변수를 남발할 가능성을 높인다. for 문의 변수 선언문에서 선언한 변수를 for 문의 코드 블록 외부에서 참조할 ..