Javascript shortcuts

미디엄에서 읽은 소소한 자바스크립트 꿀팁  (지속적 업데이트)

 

Decimal Base Exponents

1e1 === 10
1e2 === 100
1e3 === 1000
1e4 === 10000
1e5 === 100000

 

Default Parameters

디폴트 매개변수를 이용하는 방법인데, 매개변수가 undefiled 일 때 특정 값을 할당해야한다면 사용하기 좋다.

물론 매개변수가 undefined 가 아닐 땐 입력받은 값이 연산된다.

// Longhand
function volume(l, w, h) {
  if (w === undefined)
    w = 3;
  if (h === undefined)
    h = 4;
  return l * w * h;
}


// Shorthand
volume = (l, w = 3, h = 4 ) => (l * w * h);

 

Mandatory parameter shorthand

이 코드는 팁이라기 보단, 이렇게 코드를 작성할 수도 있다고 배우게 됐는데,

위에서 언급한 default Parameter 의 동작원리를 떠올리면 이해하기 쉽다. 

 

이전 코드에서 default parameter 가 undefined 면, 미리 지정한 값을 할당(w=3, h=4)했는데, 이번에는 값 대신 함수를 할당하는 것이다.

// Longhand
foo = (bar) => {
  if (bar === undefined) {
    throw new Error('Missing parameter!');
  }
  return bar;
}


// Shorthand
mandatory = () => {
  throw new Error('Missing parameter!');
}

foo = (bar = mandatory()) => {
  return bar;
}

foo(1)
>>> 1

foo()
>>> Uncaught Error: Missing Parameter!

 

 

 

 

ref
https://medium.com/@codetain/5-useful-javascript-shorthands-ca66ee0f7359