Return 함수

return 을 사용하면 실행중이던 함수를 멈추고 주어진 값을 함수의 호출지점으로 반환한다. 

      function sum2(left, right){                                   
        return left+right;
      }

 

매개변수 left right 값을 받고 left + right 로 반환한다. 즉, sum2(2,3)은 5를 반환

따라서, document.write(sum2(2,3)); 은 5를 출력하게 된다. 

      function sum(left, right){
        document.write(left+right+'<br>');
      }

위 코드와 return 을 사용한 코드의 차이점은 return 을 사용하지 않은 아래의 함수는 left right 의 인자값을

매개변수로 받아 더한 다음, 바로 화면에 write 하기 때문에 해당 출력값에 css 값을 주거나 html tag를 추가 할 수 없다.

하지만 return 함수는 값을 출력받고 그 값을 저장하기 떄문에 (write하지 않기 때문에) 해당 저장값에 css를 추가하거나

html tag를 추가 할 수 있다.

      document.write(sum2(2,3)+'<br>'); 그냥 5 
      document.write('<div style="color:red">'+sum2(2,3)+'</div>'); 빨강 5
      document.write('<div style="font-size:3rem;">'+sum2(2,3)+'</div>') 큰 5