본문 바로가기
2. 우당탕탕 개발자/2-1. 공부기록

02Dec2019 TIL

by Little Monkey 2019. 12. 3.
반응형

Today I learned :

  • Lexical Scope vs Dymical Scope
  • Hoisting
  • IIFE
  • Closure
  • Arrow Function
  • Temperal literals
  • rest parameters
  • Destructuring assignment
  • Default parameters

Codestates의 자료와 동영상을 보면서 제로초 블로그를 통해 배웠던 내용을 다시 복습했다.

 let  선언은 Hoisting이 안된다는 새로운 사실을 알게 되었다.

 

그런데 동영상과 mdn을 봐도  .bind() 를 제대로 이해할 수 없었다.

더보기

 bind() 메서드는 새로운 함수를 생성합니다.  bind()  가 호출된 함수의 this 키워드를 주어진 값으로 설정하고, 새로운 함수의 인수(argument) 앞에 지정한 인수 시퀀스가 사용됩니다. 

(출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)


이게 도대체 무슨 말이야...??? 예제를 봐도 모르겠다.... 

내일은 하단의 블로그를 보면서 한 번 더 고민해보고, 모르면 help-desk 에 글을 남겨야 겠다. (오늘은 시간이 너무 늦었다...)

https://wayhome25.github.io/javascript/2017/02/18/js-oop-1/

 

javascript 객체지향프로그래밍 01 - apply(), call(), bind() 메소드 · 초보몽키의 개발공부로그

 

wayhome25.github.io

Arrow function도 완벽히 이해하지 못했다.

어떤 경우에 function () {} 를 쓰는 건지, 화살표 함수 () => {} 를 쓰는 건지. 차이는 무엇인지.

코드 스테이츠의 내용을 정리한 하단의 블로그를 내일 한 번 더 살펴보고, 

안 될 경우 추가로 구글링을 통해서 찾아 봐야 겠다. 

https://www.yceffort.kr/2019/07/09/difference-between-function-and-arrow/

 

javascript 일반 함수와 화살표 함수의 차이

ES6에서부터 생긴 arrow function은 일반적으로 ()=>{}의 모양을 하고 있으며, 동작도 비슷해보인다. 하지만 이 두 선언방식은 두가지 분명한 차이를 가지고 있다. 1. this와 arguments의 차이 화살표 함수는 this와 arguments를 바인딩하지 않는다. 그 대신, 일반적인 this와 arguments와 동일한 범위를 가지고 있

www.yceffort.kr

 

 

반응형

'2. 우당탕탕 개발자 > 2-1. 공부기록' 카테고리의 다른 글

06Dec2019 TIL  (0) 2019.12.07
03Dec2019 TIL  (0) 2019.12.04
01Dec2019 TIL  (0) 2019.12.02
30Nov2019 TIL  (0) 2019.12.01
28Nov2019 TIL  (0) 2019.11.29

댓글