2022/07/11 4

spread/rest

spread문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용 function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers) //6 1.배열 합치기 let parts = ['shoulders', 'knees']; let lyrics = ['head', ...parts, 'and', 'toes']; //['head', 'shoulders', 'knees', 'and', 'toes'] let arr1 = [0, 1, 2]; let arr2 = [3, 4, 5]; arr1 = [...arr1, ...arr2]; // 참고: spread 문법은 기존 배열을 변경하지 않으므로(immut..

스코프

전역 스코프(Global Scope): 가장 바깥쪽의 스코프 지역 스코프(local Scope): 전역이 아닌 다른 스코프 ※우선순위: 지역 변수 > 전역 변수 스코프의 종류 1.블록 스코프 -중괄호를 기준으로 범위가 구분됨. ※ 화살표 스코프도 블록 스코프로 취급. -블록 스코프 안에서 정의된 변수는 블록 범위를 벗어나는 즉시 접근 불가. -> 블록범위를 벗어나는 console.log()는 ReferenceError 2.함수 스코프 function 키워드가 등장하는 함수 선언식 및 함수표현식으로 만들어짐. let vs var vs const let const var 유효 범위 블로스코프/함수 스코프 블록 스코프/함수 스코프 함수 스코프 값 재할당 가능 불가능 가능 재선언 불가능 불가능 가능 let : ..

원시 자료형 vs 참조 자료형

원시 자료형 string, number, bigint, boolean, undefined, symbol, (null) "하나"의 의미를 가지는 데이터 보관함의 크기를 고정시키는게 합당하다. 변수에 값(value)자체가 담김. 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수 는 있다. 참조 자료형 배열([ ]), 객체({ }), 함수(function( ){ }) 처음 시작은 배열과 비슷한 형태로 자료 구조를 구현.(쉼표로 구분된 데이터 ex)csv) 변수에는 특별한 데이터 보관함을 찾아갈 수 있는 주소가 담겨있다. 특별한 데이터 보관함(heap): 자기 마음대로 사이즈를 늘렸다 줄였다 함.(동적으로 변함) console.log('codestates' === 'cod..