return과 return false 의 차이?

return

return 명령문은 함수 실행을 종료하고, 주어진 값을 함수 호출 지점으로 반환합니다.

return과 return false의 차이

자바스크립트로 개발을 하다보면 return으로 함수의 동작을 멈추는 경우가 종종 있습니다. 일반적으로 그냥 return; 을 사용해서 해당 지점을 끝내는 경우가 많은데 return false; 와는 어떤 차이가 있을지 궁금해졌습니다.

구문

return [[expression]];

expression : 반환할 값으로 사용할 표현식. 생략할 경우 undefined를 대신 반환합니다.

우선 위와 같이 return시 표현식을 생략하는 경우에는 undefined를 반환하게 됩니다. 보통 함수는 리턴값을 보고 어떤 값을 가지는지 알게 되는데, return 만 사용하게 되는 경우 의미 전달이 애매해지게 되는데요. return false; 를 사용하게 되면 리턴값이 명시되어 있으므로 명확한 의미 전달과 가독성 향상 측면에서 좋다는 의견이 꽤나 많더라고요.

둘 중 무엇을 사용해도 퍼포먼스 측면에서는 큰 차이가 없지만 명확한 의미전달, 가독성 향상 때문이라도 되도록이면 return false; 사용을 지향해야겠다는 생각이 듭니다.

✔️ 참고 사이트

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/return
https://yongblog.tistory.com/entry/onclick-%EC%97%90%EC%84%9C-return-false-%EC%9D%98-%EC%9D%98%EB%AF%B8

🔔포스팅 공지
개인 공부 기록용 블로그 입니다.
잘못된 부분이 있을 시 메일이나 댓글로 지적해주시면 감사드리겠습니다 :)