HYE-ON HYE-ON

자바스크립트에서 빈 값 등을 검사할 때 || 연산자를 사용하거나 함수의 인자로 들어오는 값을 체크할 경우 Default Value를 지정하여 사용합니다. 이때 || 연산자에서 우변에 있는 문장을 실행하는 경우와 Default Value가 세팅되는 경우의 차이점을 정리하고자 포스트를 작성하였습니다. || 연산자 MDN document에 따르면 논리 연산자 ||(OR)는 피연산자 중 하나의 값을 반환하므로 Boolean 외의 다른 값과 함께 사용하면 Boolean 값이 아닌 것을 반환할 수 있습니다. val1 || val2이라는 문장이 있었을 때, val1을 true라고 판단한다면 val1을, 아니면 val2를 리턴합니다. 이때 false라고 판단되는 자바스크립트의 경우는 아래와 같습니다. null NaN ..

개인적으로 ES6+에서 새롭게 추가된 기능 중 가장 편리하다고 생각하는 기능이다! Default Value ES6+에서는 함수에 인자를 받을 때 기본값을 지정할 수 있다. function sayHi(name) { return `hello ${name}`; } sayHi('HYEON'); // hello HYEON sayHi(); // hello undefined sayHi라는 함수가 있을 때, name에 값이 넘어가지 않으면 undefined가 뜬다. 이렇게 원치 않는 undefined가 뜨는 것을 방지하기 위해 function sayHi(name) { if(!name) name = 'stranger'; return `hello ${name}`; } 조건문으로 넘어온 값이 없는 경우 값을 세팅해주는 경우..