JS 함수 심심화

김나현·2024년 11월 11일
0
const calculator = {
	plus: function (a,b)
     return a + b;
}

console.log는 콘솔에 결과를 보여주기 위한 것임
브라우저에서 결과를 보여주는 alert처럼

그런데

a + b 같은 실제적인 계산은

js코드에서는 그 값value를 바로 얻을 수 없다.

return대신
console.log하면

const calculator = {
	plus: function (a,b)
     console.log(a + b); 
}


const plustResult = calculator.plus(2, 3);


5  #잘 작동하는 것 처럼 보인다

plusResult
undefined

WHY?

function을 변수(const, let, var같은)에 할당하면

그 변수는 plus function의 결과 type을 가지게 된다.

아무것도 return하지 않는다.

JavaScript에서 함수가 return 문을 포함하지 않으면 함수는 자동으로 undefined를 반환합니다. 함수의 결과를 변수에 할당할 때, return 문이 없다면 해당 변수의 값은 undefined가 됩니다.

결론:반환return하지 않기 때문에

모든걸 항상 console.log 하고 싶은 건 아닐 것이다.

function의 외부에서 그 값value를 얻길 원한다.

const calculator = {
	plus: function (a,b)
     console.log(a + b); 

이코드는 마치
망고주스를 보고있는데 그 주스를 꺼내지 못하고 있다😂

그래서

console.log대신 return을 할 것이다.

const calculator = {
	plus: function (a,b)
     return a + b; 

변수varialbe에 함수funtion을 할당하면
변수는 함수funtion의 return value를 가지게 되는 것

+ 한번 return하면 function은 끝난다.

예를들어

const calculator = {
	plus: function (a,b)
     return a + b;
     console.log("hello"); <-이코드는 절대 작동하지 않는다.
     
     
     
 #hello는 나오지 않음   

사용자의 위치에 따라 날씨를 알고 싶다면
단지 날씨 정보를 구한 다음 console에 출력하지는 않을 것이다.
날씨 정보 구한 다음 그 값을 콘솔이 아니라 화면에 멋지게 출력할 것이다.

->그래서 console.log 대신에 return을 사용할 것이다.

그래서 우리가 하는 것은 대체하기replacing이다.

function은 계속 남아 있는게 아니다.

실행되고 나면 사라지고, 마지막엔 결과를 남긴다.

profile
참 쉽죠? #개발계의 밥아저씨를 꿈꿉니다⋆⁺₊⋆ ☾⋆⁺₊⋆

0개의 댓글