-

변수 - 값 변경 가능 - 기본 변수 선언방법 - let (added in ES6) - 현재 IE11에 부분적 호환varblock scope를 무시한 호이스팅 발생함수 스코프에 종속되어 함수 내에 선언한 경우 함수 밖에서 사용 Xfor문의 경우 for문도 밖에서 사용 가능let블록 스코프로 종속됨const재할당을 통해 값이 변경되거나 재 선언할 수 없음객체를 const로 할당하는 경우 속성 재할당 가능 (Object.freeze(객체명)을 통해 고정도 가능)TDZ(Temporal Dead Zone)변수의 일시적 비활성 구역var는 정의되기 전 접근 가능하여 undefined값을 갖지만, 값에는 접근할 수 없음let은 변수가 선언되기 전까지 TDZ에 머물러 초기화 전 변수에 접근 시 오류 발생let,..

함수특정 작업을 수행하는 코드의 집합반복되는 코드를 하나로 묶어서 이름을 붙인 것장점반복되는 코드를 한 번만 정의하여 재사용 가능기능별로 나누어 함수를 작성할 경우 모듈화로 코드의 가독성을 높일 수 있음기능별로 수정이 가능하므로, 유지보수가 용이 함수의 기본 구조function sayHello() { console.log("안녕!");}function: 함수 선언 키워드sayHello: 함수 이름 (작명 가능)(): 매개변수(parameter)를 받을 자리{}: 함수 본문, 여기에 동작을 작성함수 호출선언만 하면 실행되지 않음함수 이름 뒤에 ()를 붙이면 실행 매개변수(Parameter), 인자(Argument) 매개변수 (parameter) : 함수를 선언할 때 사용하는 변수로, 함수가 어떤 값을 ..

매개변수 (Parameter)함수를 선언할 때 사용하는 변수로, 함수가 어떤 값을 받을 수 있는지 정의하는 부분✓ 함수를 선언할 때 옆에 붙어서 받을 준비(prepare)만 하는 변수function add(x, y) { // x, y: 매개변수(parameter) = 받을 준비만 함 return x + y;}인자 (Argument)함수를 호출할 때 실제로 전달하는 값이나 표현식 add(3, 5); // 3, 5: 인자(argument) = 실제로 넣은 값

• 기본 매개변수 - 항상 같은 매개변수를 반복하는 경우 기본값을 지정하여 기본 매개변수를 사용 - 매개변수는 왼쪽부터 처리하므로 기본값을 사용하는 경우 후순위로 매개변수 나열 * 기본 문법 함수명(매개변수, 매개변수=기본값, 매개변수=기본값) {} function func(b, a = 1) { console.log(b, a); } func(5); // 5, 1 • 나머지 매개변수 : 매개변수의 개수가 가변일 경우 사용하는 문법 - 마침표 3개를 입력 - 매개변수들이 배열로 들어옴 * 기본 문법function 함수(...나머지 매개변수) {}function sample(...item) { return item } console.log(sample(1, 2,3)) // [ 1, 2, 3 ] • 나머지 매개..

for 문for (초기화; 반복문 조건; 반복 처리구문) { 반복처리 내용}forEachfor, for..of와 달리 map(), filter() 등의 반환값을 그대로 루프처리 할 수 있음메서드설명배열.forEach()주어진 콜백함수를 활용하여 배열의 요소를 순서대로 처리([요소], [인덱스],[기존배열])=> {}요소, 인덱스, 기존 배열을 활용하여 처리- 콜백함수에서 인덱스와 기존배열 생략 가능const arr = ['a','b','c']arr.forEach((value, idx)=>{ console.log(value, idx);})sources// [ 짝수 출력]const arr = [1,2,3,4,5]arr.filter((value)=> value %2 ===0).forEach((value)=>{..