210603_TIL

Default parameters

mdn

allow named parameters to be initialized with default values if no value or undefined is passed.
함수의 매게변수에 전달된 값이 없거나 undefined일 경우, 설정한 매개변수를 기본값으로 초기화할 수 있습니다.

function multiply(a, b = 1) {
  return a * b
}

multiply(5, 2)          // 10
multiply(5)             // 5
multiply(5, undefined)  // 5

multiply(5,'') // 0
multiply(5,null) // 0
* 다른 falsy values에는 적용 안됨, 오직 undefined 혹은 값이 없을 때
-------------------------------------------------------

function test(num = 1) {
  console.log(typeof num)
}

test()           // 'number' (num is set to 1)
test(undefined)  // 'number' (num is set to 1 too)

// test with other falsy values:
test('')         // 'string' (num is set to '')
test(null)       // 'object' (num is set to null)

🌟 things that I've forgot

• arr.map()에는 첫번째 인자로 엘리먼트, 두번째 인자로 인덱스, 세번째 인자로 arr 자신이 들어갈 수 있다

REACT 스프린트 시 배열을 map하고 렌더링하는 과정에서 인자로 엘리먼트만 넣는다고 생각, 순서대로 인덱스나 arr자신도 가능한 것 잊지말자

// Arrow function
map((element) => { ... } )
map((element, index) => { ... } )
map((element, index, array) => { ... } )

// Callback function
map(callbackFn)
map(callbackFn, thisArg)

// Inline callback function
map(function callbackFn(element) { ... })
map(function callbackFn(element, index) { ... })
map(function callbackFn(element, index, array){ ... })
map(function callbackFn(element, index, array) { ... }, thisArg)

• React에서 js문법을 사용하기 위해 {} 요런 중괄호 안에 변수를 담는 규칙

알고 있는 내용도 설명할 줄 알아야 한다.