본문 바로가기

Programming/Javascript

javascript 함수인자 기본값 설정하기 / typeof응용하기

php를 하면서 codeigniter 를 사용하였는대, 


여기선 함수에 인자가 안들어올때를 대비해서 기본 인자값을 지정 할 수 있었다.


  1. public function key_value($key = 'test'){
  2. echo $key;
  3. }
  4. $this->key_value();

이렇게 처리해두면 key_value에 인자를 전달해주지 않아도


$key는 자동으로 test란 값을 먹게되며, 출력되게 되는대


자바스크립트에서 생각보다 이부분이 필요한 경우가 많았다.


검색해서 찾아보니 


ECMAScript 6에서는 php와 같은 방식으로 가능하다곤 하나,  아직 지원되지 않는 환경이 많기때문에,


아래와 같은 방법으로 처리할 수 있다고 한다.


  1. function key_value ($key) {
  2. $key = typeof $key !== 'undefined' ? $key : 'test';
  3. console.log($key);
  4. }
  5. key_value();

삼항이나 if문 이용하여 typeof 이용하여서 잘 굴려 사용하면된다


참고로 typeof란?


자바스크립트에서 해당 변수의 타입을 반환하는 것인대


number, string, boolean, object, function, undefined


위 내용중 하나로 반환 되므로 적절할때 잘 사용하면 좋을것 같다!