[FE - ConnecTo] DAY32 TIL👩🏻‍💻

22.08.24 자습하며 공부한 내용들을 정리하였습니다 😊
피드백은 언제나 환영입니다! 🍊
Array method 관련 표 정리하였는데, 제대로 옮겨지지 않아서 다음에 업로드 할 수 있도록 하겠습니다!

메서드

• ES6 사양에서 메서드는 메서드 축약 표현으로 정의된 함수만을 의미
• 인스턴스를 생성할 수 없는 none-constructor임.
• 자신을 바인딩한 객체를 가리키는 내부슬롯 [[HomeObject]]를 가짐

---

화살표 함수

• 함수 정의 함수 표현식으로 정의해야 함. 호출 방식은 기존 함수와 동일함
  
• 매개변수 선언 매개변수가 여러 개인 경우, 소괄호 () 안에 매개변수를 선언함 매개변수가 한 개인 경우 소괄호 ()를 생략할 수 있음 매개변수가 없는 경우 소괄호 ()를 생략할 수 없음
  
• 함수 몸체 정의 함수 몸체가 하나의 문으로 구성된다면 함수 몸체를 감싸는 중괄호 {}를 생략할 수 있음
  

---

화살표 함수와 일반 함수의 차이

1. 화살표 함수는 인스턴스를 생성할 수 없는 non-constructor임
2. 중복된 매개변수 이름을 선언할 수 없음
3. 화살표 함수는 함수 자체의 this, arguments, super, new.target 바인딩을 갖지 않음

---

this

화살표 함수는 함수 자체의 this 바인딩을 갖지 않음. 그래서 화살표 함수 내부에서 this를 참조하면 상위 스코프의 this를 그대로 참조함. 이를 lexical this라고 함.

---

Rest 파라미터

Rest 파라미터는 매개변수 이름 앞에 세개의 점 …을 붙여서 정의한 매개변수를 의미하며, 함수에 전달된 인수들의 목록을 배열로 전달 받음.

---

매개변수 기본값

function sum(x, y){
	return x + y;
}

console.log(sum(1)); //NaN

이 경우, 매개 변수에 모든 인수가 전달되지 않아서, 결과값이 의도치 않은 결과값이 나온 것을 알 수 있음.

그래서, 매개변수에 기본값을 할당해줌으로서 해결할 수 있음.

---

📚 참고 자료

• 모던 자바스크립트 Deep dive