TIL - This, 브라우저 저장소

lionloopy·2023년 5월 12일
0

취업스터디

목록 보기
5/10

this 가 동작하는 원리와 용법을 아는대로 설명해주세요. 평소 코드 중에서는 어떤 부분에서 가장 큰 차이가 생기나요?

this는 현재 실행중인 함수의 객체를 참조합니다.
일반 함수 호출에서 this는 전역 객체를 가리키고,
객체의 메소드로 호출된 함수에서 this는 해당 객체를 가리키고,
생성자 함수에서 this는 생성된 객체를 가리키고,
call() 메소드를 사용해서 명시적으로 this를 지정할 수 있습니다.

객체의 메소드에서 this를 사용하여 해당 객체의 속성에 접근하거나 수정할 수 있습니다.
또한, call(), apply() 메소드를 사용하여 함수 내에서 this를 지정하여 특정 객체의 속성에 접근하거나 수정할 수 있습니다.

차이는 함수를 호출하는 방법에 따라 this가 참조하는 값이 달라진다는 것입니다.
이러한 특성 때문에 this의 값이 예상과 다르게 결정될 수 있습니다.
콜백함수나 중첩함수의 경우 this를 사용할 때 주의가 필요합니다.
이러한 경우에는 this를 변수에 저장하여 사용하거나, bind() 메소드를 사용해 this를 지정할 수 있습니다.

로컬 스토리지는 브라우저를 종료해도 데이터를 보관하고, 도메인만 같으면 전역적으로 데이터가 공유됩니다.
세션 스토리지는 브라우저가 종료되면 데이터도 삭제되고, 도메인이 같더라도 브라우저가 다르면 각각의 세션 스토리지가 형성되어 데이터가 공유되지 않습니다.
쿠키는 용량 제한이 있고 쿠키만 훔치면 개인정보가 쉽게 도난 당할 수 있다는 특징이 있습니다.

profile
Developer ʕ ·ᴥ·ʔ ʕ·ᴥ· ʔ

0개의 댓글