JS 클래스
화살표함수
() ⇒ {} vs function () {}
IIFE (Immediately-Invoked Function Expression)
즉시실행함수
호이스팅
함수 선언부가 유효범위 최상단으로 끌어올려지는 현상
타이머함수
setTimeout(함수, 시간): 일정 시간 후 함수 실행
setInterval(함수, 시간): 시간 간격마다 함수 실행
clearTimeout(): 설정된 Timeout 함수를 종료
clearInterval(): 설정된 Interval 함수를 종료
콜백
함수의 인수로 사용되는 함수
생성자 함수(Prototype)
this
일반함수는 호출 위치에서 따라 this 정의
화살표함수는 자신이 선언된 함수 범위에서 this 정의
확장(상속)
Vehicle(운송수단 뜻하는 클래스)
extends
JS데이터
매개변수
index, array랑 thisArg는 별로 사용하지 않음
일단 callback과 element만 알아두면 됨
length
.length() = 배열의 길이 (배열 안에 아이템의 갯수)
concat
.concat() = 원본의 배열 데이터에는 영향이 없고 새로운 배열 데이터가 합쳐져 만들어진다.
배열의 api들을 공부할때 주의 해야 함.
forEach
.forEach() = 배열 데이터의 아이템 갯수만큼 콜백이 실행된다
map
.map() = 내부 콜백에서 반환된 특정한 데이터를 기준으로 데이터들의 모은인 새로운 배열을 메소드가 실행된 자리에서 반환
.filter()
map, filter는 원본의 영향이 전혀 상관없이 새로운 배열을 반환하는 메소드
find, findIndex
.find() = 특정한 아이템을 찾아서 배열을 찾을때 사용하는 것
.findIndex() = 찾아진 아이템에 인덱스 번호를 반환해주는 메소드
/^C/ 위와 같은 이상한 기호와 같이 쓴다.
includes
includes() = 인수로 사용되는 특정한 데이터가 해당하는 특정배열에 있는지 확인할때 사용하는 메소드
push, unshift
.push() = 배열의 가장 뒤쪽 부분에 특정한 인수 내용을 밀어넣는 것. 데이터가 삽입되어지는 메소드.
.unshift() = 배열 가장 앞쪽에 데이터를 아이템으로 삽입해주는 것
reverse, slpice
.reverse() = 순서가 뒤집어 지는 것
.splice() = 특정한 아이템을 지울때 사용하는 것
ex) numbers.spice(2, 1, 999) = 지워질 숫자, 몇개를 지울건지, 그자리에 삽일할 데이터
출력= 1, 2, 999, 4
<push, unshift, reverse, slpice는 원본이 수정됨>
데이터 불변성(Immutability)
원시 데이터: String, Number, Boolean, undefined, null
참조형 데이터: Object, Array, Function
얕은복사(Shallow copy), 깊은 복사(Deep copy)
가져오기, 내보내기
import
export
