11/1

하루의 이슈

akjfal 2019. 11. 1. 18:01

useHooks

Easy to understand React Hook recipes

usehooks.com

code jong님 영상 정리

자바스크립트 클로저

스코프 - 어떠한 변수에는 무엇이 들어있다를 알려주는 공간 - 함수의 범위 - 함수단위로 생성된다

내부 스코프를 먼저 찾아본뒤 외부 스코프를 찾아본다다

스코프 체인 - 스코프끼리 연결되어 있는것 - 내부 -> 외부 -> 전역

클로저 - 생성한 시점의 스코프 체인을 계속 들고있는다. 다른 언어처럼 사라지지 않는다.

자주 하는 실수를 let을 통해서 해결 할 수 있다.

for문에서 let i 와 var i는 결과가 다르다

왜냐 : var은 자신의 것에서 뒤져서 없으면 전역을 참고한다 -> 전역에는 3이 저장되어있으므로 3이나온다!프가

let은 스코프가 각각마다 따로 생성이된다

this

함수형을 사용하지만 this로 짜여진 예전 코드들이 많아 알아두어야할것같아 들엇다

this ->호출한놈!!! bind를 통해서 호출할 this를 정해줄수 있다

timer 는 웹의 api다

callstack은 하나인데 하던일을 멈추지 못한다. 즉 yo가 끝나야 timer가 실행된다

main -> yo -> dosomething -> console(0) ->3번 반복 -> 3초 걸리는 for문끝 -> main끝다 -> 1.5초 타이머 끝

동기냐 비동기냐 ===>>> 큐에들어가느냐 callback에 들어가는것이냐로 구분할수있다.

callback은 함수하나가 실행되는 단위라 생각

화살표 함수에 없는것 : 함수이름, this, arguments

함수이름 : function myfun(){}

()=>{} : 익명함수로만 존재한다! => 변수에 담아서 사용한다

this가 없다

argument가 없다 : arguments => 인자가 넘어온것을 배열처럼 접근할 수 있게해준다! => 하지만 스코프체인을 통해서 상위 function을 통해서 사용할 수도 있다. -> 대신해서 ...args // args 를 통해서 사용 할 수 있다.

장점 : 타이핑 수가 줄어든다. this를 사용하지 안아도 된다.

주로 ajax에서 사용한다.

또한번 보는게 좋을듯하다