함수

2017-11-28 20:59:55

함수의 기본

소스코드

변경사항

매개변수(parameter)와 인자(argument)

소스코드

변경사항

리턴

4:04초의 결과가 붉은색 5가 아닌 붉은색 23이 된 이유는 자바스크립트는 문자와 숫자를 더하면 숫자를 문자로 간주합니다. +를 덧셈이 아닌 문자 결합 연산자로 사용합니다. 그래서 2와 3이 결합되서 23이 된 것입니다. 아래와 같이 괄호를 사용해서 2와 3을 먼저 더해주셔야 합니다. 졸음강의를 찍은 것 같습니다 ㅠㅠ

document.write('<div style="color:red">'+left+right+'</div><br>');

소스코드

변경사항

호록이4개월 전

[Completed] 2024.08.22 (목)

답글
김진현5개월 전

2024.07.02 완료!

답글
남윤서5개월 전

2024.07.01 완료

답글
야생의코린이7개월 전

2024-05-10 완료

답글
이사야7개월 전

2024-05-10 완료!

답글
beginner9개월 전

20240323

답글
안제경9개월 전

2024.03.01

답글
김현지10개월 전

2024.2.24

답글
레나10개월 전

2023.02.11 완료

답글
Sansol Park11개월 전

2. return 키워드는 함수의 결과를 반환하는데 사용됩니다. 함수는 일련의 작업을 수행하고, 그 결과를 반환하여 그 값을 이용해 다른 작업을 수행하는 데 사용할 수 있습니다. return을 사용하지 않으면, 함수는 작업을 수행하기만 하고 결과를 반환하지 않습니다. 따라서 함수의 결과를 이용해 다른 작업을 수행하려면 return을 사용해야 합니다.
예를 들어, 다음과 같은 함수가 있다고 가정해 봅시다.

function add(a, b){
return a + b;
}

var result = add(1, 2); // result는 3

위의 경우, add 함수는 두 개의 인자를 받아 더한 결과를 반환합니다. 이런 식으로 return을 사용하면, 함수의 결과를 변수에 저장하거나, 다른 함수의 인자로 전달하는 등 다양한 방법으로 활용할 수 있습니다.

반대로 return을 사용하지 않는다면, 함수는 작업을 수행하기만 하고 그 결과를 어디에도 전달하지 않습니다. 그래서 함수의 결과를 이용해 무언가를 하려면 return을 사용해야 합니다.

GPT-4를 활용한 답변입니다.
대화보기
답글
Sansol Park11개월 전

1. 네 맞습니다.

document.write('<div style="color:red">'+left+right+'</div><br>'); 이 코드를 실행하면, left와 right가 문자열로 간주되어 합쳐집니다. 예를 들어, left가 2이고 right가 3이라면, 결과는 "23"이 됩니다. 이는 자바스크립트에서 + 연산자가 문자열 연결에도 사용되기 때문입니다.

반대로 document.write('<div style="color:red">'+ (left + right) +'</div><br>'); 이렇게 괄호를 사용하면, left와 right는 먼저 숫자로 더해진 후 그 결과가 문자열과 합쳐집니다. 따라서 left가 2이고 right가 3이라면, 결과는 "5"가 됩니다.

따라서, left와 right를 숫자로 더한 결과를 원한다면, 괄호를 사용해야 합니다. 괄호를 사용하지 않는 것이 잘못된 것은 아니지만, 원하는 결과를 얻기 위해서는 적절한 방법을 선택해야 합니다.

GPT-4를 활용한 답변입니다.
대화보기
답글
므갱이1년 전

2023.11.23 완료.

1. 리턴 영상의 오타? 부분에 대해서... 아래와 같이 괄호를 사용하라 하심은

document.write('<div style="color:red">'+ (left + right) +'</div><br>');

이렇게 하라는 말씀이신가요?! 이렇게하면 5가 출력되긴하는데...

2. return의 사용 이유를 잘 모르겠어요.....
굳이.. 반환을 해야하는건가요?? 그냥 함수 안에 연산식? 넣으서 사용하면 그거대로 실행되는거 아닌가요?!
이해가 잘 안됩니다 ㅠ

답글
eunso1년 전

20231016완료

답글
코딩두1년 전

23.07.12 완료

답글
어흥1년 전

23.06.25.

답글
파시1년 전

23.5.29

답글
Ari1년 전

230521

답글
awesome1년 전

230517

답글
열공강아지1년 전

4/4

답글
아아뜨아1년 전

230402

답글
코딩척척석사 1년 전

2023.03.13

답글
otcace1년 전

23.03.09

답글
webby1년 전

23.03.06

답글
모카1년 전

2023.02.15

답글
달수1년 전

20230213 완료

답글
Sansol Park1년 전

실험 부분도 전체 코드를 같이 복사해서 보여주시면 더 좋을 것 같아요~

실험
1. 숫자(2)+숫자(3)+문자('3') = 33
2. 문자('3')+숫자(1)+숫자(2)+문자('3') = 3123
3. 문자('3')+숫자(1)+숫자(2) = 312

답글
Sansol Park1년 전

소스코드 부분 주석에 설명이 나와있네요.

4:04초의 결과가 붉은색 5가 아닌 붉은색 23이 된 이유는 자바스크립트는 문자와 숫자를 더하면 숫자를 문자로 간주합니다. +를 덧셈이 아닌 문자 결합 연산자로 사용합니다. 그래서 2와 3이 결합되서 23이 된 것입니다. 아래와 같이 괄호를 사용해서 2와 3을 먼저 더해주셔야 합니다.
// document.write('<div style="color:red">'+(left+right)+'</div><br>');
대화보기
답글
메론소다맛젤리1년 전

혹시나 저처럼 이런 의문을 가진 사람들이 있을 수도 있어서 남기는 기록입니다.
document.write(1+1+'<br>');
숫자+숫자+문자로 구성되어 있으며 2를 출력합니다.

document.write('<div style="color:red">'+2+3+'</div><br>');
문자+숫자+숫자+문자로 구성되어 있으며 빨간 23을 출력합니다.
설명에서 javascript는 문자와 숫자를 더하면 숫자를 문자로 받아들이기 때문에 2와 3을 더한 5의 값이 아닌 23을 출력하는 것이라 했는데 위의 상황도 문자와 숫자를 더하는 것이라 납득하기 어려울 수도 있다고 생각합니다.

그래서 저는 한 가지 가설을 정해두고 실험을 해보았습니다.
가설 : 문자 사이에 존재하는 숫자의 덧셈은 숫자를 문자로 바꾼다.
실험
1. 숫자(2)+숫자(3)+문자('3') = 33
2. 문자('3')+숫자(1)+숫자(2)+문자('3') = 3123
3. 문자('3')+숫자(1)+숫자(2) = 312

실험 결과가 가설대로 나오지 않아 가설을 "문자로 시작하는 숫자와의 덧셈은 숫자를 문자로 바꾼다."로 수정해봤지만 이러한 결과가 나오게 된 뚜렷한 원인을 알 수가 없었습니다. javascript가 덧셈을 읽을 때 가장 앞에 나타나는 datatype인 문자를 인식하고 다음에 나오는 값들을 문자로 인식한다는 추측만 있지만 앞으로 이러한 상황이 생겼을 때 어떤 원인이 작용하여 숫자를 문자로 인식하게 되었는지 알고 싶습니다.

답글
푸른초1년 전

23.01.16.

답글
최대리1년 전

2023.01.05 완료

답글
감자2년 전

22.11.28 복습 다시 시작!

답글
박진병2년 전

22.11.21

답글
mona22년 전

감사합니다.

답글
코딩왕초보2년 전

2022.11.03 복습

답글
드가자2년 전

아 머리아파

답글
코딩드림2년 전

221023

답글
엠제이2년 전

10212022

답글
보통사람 박코딩2년 전

할수있다

답글
JhC2년 전

221018

답글
코딩왕초보2년 전

2022.10.14 return은 너무 어렵네요.

답글
서우2년 전

221011

답글
김세나2년 전

221003

답글
한승욱2년 전

220930

답글
정하늘2년 전

220924

답글
OKKZZI2년 전

22/9/22

답글
당당2년 전

2022.09.18

답글
gn0es2년 전

22.09.01

답글
뿔고래2년 전

함수가 return의 값으로 변신을 하게 되어서 함수를 값처럼 사용할 수 있게 되었다.

답글
헤밍웨이2년 전

220810 감사합니다.

답글
열무2년 전

document.write('<div style="color:blue;">'+(left+right)+'</div><br>');
-> document.write(`<div style="color:orange;"> ${left+right} </div>`);

답글