개발하는 루루언니

javascript : 리턴 값은 다른 함수에서도 쓸 수 있다. 본문

컴퓨터 정보/javascript

javascript : 리턴 값은 다른 함수에서도 쓸 수 있다.

혜닝혜루 2022. 11. 25. 16:51
728x90
반응형

dateFormMaker 라는 함수안에 dateFormet 이라는 변수를 return 해주자.

const dateFormMaker = function() {
      
      const inputYear =document.querySelector('#target-year-input').value
      const inputMonth =document.querySelector('#target-month-input').value
      const inputdate =document.querySelector('#target-date-input').value
      
     // const dateFormet = inputYear + '-' +inputMonth + '-' + inputdate
    const dateFormet = `${inputYear}-${inputMonth}-${inputdate}`
      return dateFormet
    }

dateFomet은 어떤 값 이 들어가있는가?

이렇게 날짜 값이 들어가져 있다. 

 

다른 함수에서 쓰려면 어떻게 써야할까

1. 해당 변수를 리턴해준다 표시 

2. 다른 함수에서 변수가 담긴  함수명을 써준다.

 const countMaker = function(){


      // 날짜의 값을 리턴한 변수를 가져옴
      const targetDateInput = dateFormMaker()

 

 

가져온 함수 dateFormMaker() 을 변수 targetDateInput에 담아준다.

그럼  targetDateInput 에는 어떤 값이 담겨져 있을까?

 

여기서 2023-1-1 은 내가 인풋값에 입력한 값이니 일단은 넘어가자

 

정리

1. 함수안에 변수를 쓰고싶다면 그 변수를 리턴해라
2. 단, 다른 함수안에서 쓸땐느 그 해당변수가 아닌 담고있는 함수명을 써야한다.
728x90