함수2:함수와 리턴값

정혜원·2021년 9월 3일
0

JavaScript

목록 보기
7/11
post-thumbnail

리턴값이있는 함수의 정의

var 함수이름 = function(){ code here...
                        return Y;}
                        
 함수이름();

->함수를 호출해보면 Y가 출력된다.

리턴값의 특징

1. 리턴값이있는 함수를 호출해 변수에 저장할 수 있다.

  • 리턴값이 없는 함수를 변수에 저장하게 되면 변수가 Undefined로 뜬다.
var func1 = function(){
                        return "모두 잘지내?";
                        }
               
   var foo = func1();

-> 함수를 foo라는 변수에 저장했기때문에 foo를 호출하면 함수의 리턴값과 같은 "모두 잘지내?"가 송출된다.
( *주의 )
매개변수가 있더라도 리턴값이 없으면 변수에 저장해도 Undefined가 뜬다.

2.리턴값은 반드시 하나만 리턴한다.

3.Y값이 없는 리턴은 함수를 끝내는 역할을 한다.

var test = function(text){
                	   if( text === "그만"){return;} 
                           console.log(text)
                              }
 test("그만");

->함수를 호출할때 매개변수에 "그만"을 입력하게 되면 함수가 종료되므로 콘솔에 송출되는게 없다.

함수를 사용하는 이유

1. 가독성이 좋아진다.

  • 함수를 사용하므로써 긴 코드들을 줄이고, 조금더 클린한 코드의 작성이 가능하다.

2. 유지보수가 쉬워진다.

함수 잘 만들기.

1. 매개변수와 리턴을 잘 활용하기.

2. 한 함수당 10줄 이내로 코딩하기.

3. 들여쓰기가 3개 이상 된다 싶으면 함수로 넣어버리기.

4. 함수는 반드시 하나의 일만 실행한다.

profile
매일 조금씩 성장하는 개발자!

0개의 댓글