2024. 05. 27 (월) 5주차 - Daily Coding - Day01

12강

- this

- call, apply, bind

 

this

- 모든 실행 컨텍스트에 만들어지는 특별한 변수

- this 는 static 하지 않다. 함수가 호출될 때만 값이 할당

	this
메서드	메서드를 호출하는 오브젝트
간단한 함수 호출	chrome :  undefined (*strict mode 기준) node.js : global object
화살표 함수	둘러싸고 있는 함수 (어휘적 this)
이벤트 리스터	핸들러가 붙어있는 DOM 이벤트

 

 

함수 호출 방식에 의해 결정되는 this
https://poiemaweb.com/js-this

this | PoiemaWeb

 

[Javascript] this가 this가 아니라고??

https://velog.io/@gidskql6671/Javascript-this

[Javascript] this가 this가 아니라고??

 

 

call, apply, bind

: this의 문제를 개선해 의도한 객체를 참조할 수 있도록 만든 메서드

call	apply	bind
- 함수를 호출하는 함수 - 첫 번째 인자에 this로 세팅하고 싶은 객체를 넘김 - 나머지 인자를 입력	- 함수를 호출하는 함수 - 첫 번째 인자에 this로 세팅하고 싶은 객체를 넘김 - 나머지 인자를 배열로 입력	- 함수를 실행하지 않고 리턴 - 나머지 인자는 call, apply와 동일

 

 

13강

- 원시 타입과 객체 타입

- 얕은 복사 Objec.assign() 와 깊은 복사 lodash

 

원시 타입 => 콜 스택에 저장	객체 타입 => 힙에 저장
Number String Boolean Undefined Null Biglnt Symbol	Object 배열 함수

 

let myAddress = "Seoul";
let oldMyAddress = myAddress;
// 원시타입에서 값을 바꾸기 전까지는 두 변수가 같은 메모리 주소를 바라보고 있다.

myAddress = "Busan";

// 값을 바꾸고 나면 myAddress는 다른 메모리 주소를 바라보게 되고,
// oldMyAddress는 여전히 같은 메모리주소를 바라봐 값이 달라진다.

console.log(myAddress, oldMyAddress);
// = Busan Seoul

 

 

🧐회고

아 큰일났다 무슨 말인지 하나도 모르겠다

복습할 시간이 없다 진짜 하.. 회사를 때려치고 공부를 해야하나 싶다...