📝 JavaScript 기초 강좌 기록 (+)

 

클릭하면 강의 영상으로 이동한다.

 

 

📝 서론

3주 차(2)의 과제!

자바스크립트 비교적 짧은! 기초 강의를 들으며 기초부분을 다시 훑는 작업이다.

강의를 들으며 잊기 쉬운 것(하지만 중요한 것), 새롭게 알게된 것 등을 기록했다.

약 2주동안 자바스크립트 기초 공부를 하면서 this, callback, promise 가 어려웠기 때문에... 개인적으로도 공부를 하고 있다. 먼지가 쌓인 나의 유데미 강의를 ... 드디어 들을 때야 ~ ! 

 

 

---

 

 

👉 함수 (Function) 기본적인 주의사항

1. 한 번에 한 작업에 집중하도록 만든다. (하나의 함수에 많은 기능을 집어넣으려고 하지 말자.)

2. 읽기 쉽고 어떤 동작인지 알기 쉽게 네이밍 한다. 

 

 

👉 함수에 매개변수가 입력되지 않았을 때

let 변수 = 매개변수(이때 false 이면) || “default value!”;

 

 

👉 매개변수의 기본값을 설정하는 방법

function 함수명(매개변수 = “디폴트값”) {};

 

 

👉 함수는 return 값이 없거나 return문이 아예 없는 경우 undefined을 출력한다.

 

 

👉 함수 선언식 vs 함수 표현식

- 함수 선언식 : 어디서든 호출이 가능하다. (왜? 호이스팅 때문에.)

- 함수 표현식 : 코드에 도달하면 생성되며, 생성된 이후에만 사용가능 하다. 

 

 

👉 "key" in Object

오브젝트 안에 key 의 유무를 알려준다.

 

 

👉  method란?

객체 프로퍼티로 할당된 함수를 뜻한다.

 

 

👉 this

객체를 가리키며, 런타임 때 결정된다. 

❗️주의사항 : 화살표 함수는 자신만의 this를 가지지 않는다. 만약 화살표 함수 내에서 this를 사용하면 전역객체인 window를 가리키게 된다.

👉 👉 키와 값에 접근할 수 있는 방법은 object.key 도 있는데 왜 this를 사용하는 걸까?

예를 들어, 객체를 작성할 때 처음에 지정했던 변수의 이름을 사용해 key(변수이름. key)를 가져왔었다고 가정해 보자.

같은 객체를 가리키는 변수들이 많아졌을 때 처음 지정했던 변수의 값이 null 이 된다면 에러가 발생할 것이다.

이와 같은 상황을 방지하기 위해 this를 사용한다.