2021-06-15 (64일차) 그레이브 문법, 아코디언 만들기, this, 변수명$포함,

자바스크립트 51강~53강

 

 

- 그레이브 문법

  $` { } ` 사용하기

그레이브 문법 사용 예제

 

<아코디언 만들기> - 클릭하면 안의 내용이 나오는 방식

 

 

1) 해당영역 클릭시 배경색이 바뀌는 구조 만들기

- 보다 더 짧고 간단한 방법

this 사용

- this를 사용한 6가지 방법

  ● $이 포함된 변수명을 보고 어떠한 함수인지 대략 추측할 수 있어야 한다. (실무자들의 관례)

  ● 한 번만 사용될 변수라면 굳이 만들 필요 없다.

  ● this를 쓰고 싶다면 첫 번째 줄에 let $this = $(this);를 넣어주고 시작하는 편이 좋다.

※ this라는 특수한 식별자는 자바스크립트뿐만 아니라 다른 언어에서도 많이 등장하는 개념

함수 호출 방식	this 바인딩
일반 함수 호출	전역 객체
메서드 호출	메서드를 호출한 객체
생성자 함수 호출	생성자 함수가 생성할 인스턴스
Function.prototype.apply/call/bind 메서드에 의한 간접 호출	Function.prototype.apply/call/bind 메서드에 첫 번째 인수로 전달한 객체

위와 같이 4가지 경우에 따라서 this의 값이 다르게 바인딩 된다고 볼 수 있습니다.

[출처] 자바스크립트(JavaScript) this 바인딩|작성자 개발하는 양토리