[TIL] 플래그 변수/includes()/removeEventListener/ textContent

플래그 변수

let clickable = true;
const clickButton = () =>{
	if (clickable) {
    	clearInterval(intervalId)
        clickable = false;
        setTimeout(()=>{
        	clickable = ture;
            intervalId = setInterval(changeComputerHand, 50);
        }, 1000)
        }
}

removeEventListener

자바스크립트에서 addEventListener()를 사용해 이벤트를 추가한 경우 반대로 이를 제거할 수 있으며 이 때 removeEventListener()를 사용합니다.

element.removeEventListener('이벤트타입', 이벤트 콜백 함수)

이때 추가된 이벤트를 제거하기 위해 아래와 같이 세 가지 값이 필요합니다.

1. 제거할 엘리먼트 요소
2. click, keypress 등의 이벤트 타입
3. 제거할 이벤트 콜백 함수

함수, 객체 리터럴, 배열은 모두 객체이다.

{} === {} //false
[] === [] //false
(()=>{}) === (()=>{}) //false
fun(1) === fun(1)  //false

const a = {}
const b = a;
a === b ; //true

const fun = (값) => {
	console.log('고차함수입니다', 값);
}

const fun1 = func(1)

태그.addEventListener('click', fun1)
태그.removeEventListener('click', fun1)

참조관계를 유지하고 싶다고하면 변수에 한번 집어넣어서 변수를 계속 재사용 해야한다.

includes()

diff === '강아지' || diff === '고양이' || diff === '거북이' || diff === '사자'
['강아지', '고양이', '거북이', '사자'].includes(diff)

textContent

자바스크립트 textContent 프로퍼티 알아보기
자바스크립트 프로퍼티인 textContent는 텍스트를 추가할 수 있는 매우 간단한 프로퍼티입니다. 사용방법은 아래와 같습니다.

element.textContent = '내용'

일반적으로 텍스트를 엘리먼트에 추가할 경우 innerText가 많이 쓰입니다. 가장 많이 알려져 있기도 하고 innerHTML과 비슷하기 때문에 외우기도 더 쉽죠. 이런 이유로 textContent가 덜 사용되긴 하지만 이 둘의 차이점이 존재합니다. 그럼 공통점과 차이점을 간단히 알아보면 무엇일까요?