1. this

• 자바스크립트에선 모든 함수에 this를 사용할 수 있다.
• this 값은 런타임에 결정된다. 컨텍스트에 따라 달라진다.

✔️ 일반함수 :

• 나를 호출한 대상을 this로 바인딩한다.
• 함수가 호출되기 전까지 this 엔 값이 할당되지 않는다.

✔️ 화살표함수 :

• 고유한 this를 가지지 않는다.
• 찾아야 한다면 내 부모(상위 컨텍스트)꺼를 가져온다.

❗ 객체의 메서드를 정의할 때는 화살표 함수보다 일반 함수가 더 좋다.

❗ 객체의 메서드 안에서 함수를 호출할 때는 화살표 함수가 더 좋다.

2. 구조분해할당

✔️ 배열 구조분해할당 (destructuring assignments)

let color = [`#ff0000`, `#2b00ff`, `#00ff2f`];

//다 뽑고싶을 때
let [red,blue,green] = color;


//하나만 뽑고 싶을 때
let [,,green] = color

// let red = color[0];
// let blue = color[1];
// let green = color[2];

console.log(green); //#00ff2f

• 배열은 순서가 중요하기 때문에 변수 이름 순서가 중요하다.
• 변수 이름을 내 마음대로 바꿀 수 있다.

✔️ 객체 구조분해할당 (destructuring assignments)

const salaries = {
  건주: 5000,
  지연: 3000,
  주영: 500,
  선아: 700,
};

const { 건주, 지연, 주영, 선아 } = salaries;const { width: w, height:h , overflow: o, color: c ,margin = 0} = options;
console.log(건주); //5000

---


// 실 사용 예시
function setElementCss(options) {
  const { width, height, overflow, color } = options;

  console.log(width, overflow);
}

const defaults = {
  width: 100,
  height: 200,
  overflow: false,
  color: 'orange',
};

setElementCss(defaults);

• 객체의 구조분해할당은 순서가 상관이 없다.
• 변수의 이름도 바꿀 수 있다.
• 값이 넘어오지 않을 때 기본값을 정할 수 있다.

3. 회고

오늘도 역시나 똥멍청이 인증.. 다들 이해할때 나혼자 이해못함
괜히 삽질하는 기분이었다. 그래도 범쌤한테 헷갈리는거를 여쭤보면서 완벽히는 아니지만 2%는 이해했다ㅎㅎㅎㅎㅎㅎㅎㅎ 오늘 왜케 비가 올까... 내 심정인가ㅋㅋㅋ 자바스크립트 공부하면서 매일 자괴감이 들어 점점 의지를 잃어간다. 자바스크립트 너무 어렵다ㅠㅠㅠㅠ 매일 기분이 왔다갔다