returnとは

私なりの言葉で伝えると ”形にする” です！
例えば学校のテストで「１＋１」の問題が出たときに、頭の中で答えを思い浮かべるだけでは0点です。
ではどうやって点数を取るか・・・。それはテストの解答欄に「2」と記述すれば取ることができます。

つまり「return」はプログラミング上の、「テストの解答欄に記述する作業」だと思ってくれれば理解しやすいかなと思います！

頭の中で答えを思い浮かべただけの作業例２選！

main.js

function sum(a, b) {
  a + b; 
}
const sum1 = sum(1, 2);
const sum2 = sum(3, 4);
sum3 = sum1 + sum2;

console.log(sum3); //NaN(値がない)

main.js

function sum(a, b) {
  console.log(a + b); 
}
const sum1 = sum(1, 2);
const sum2 = sum(3, 4);
sum3 = sum1 + sum2;

console.log(sum3); //NaN(値がない)

紛らわしいですが「console.log()」は形にするものではなく、ブラウザのコンソールで確認するだけのもの。
つまり、、、解答欄にはまだ答えを記述していない!

ではどうすれば解答欄に答えを記述することができるのか。
↓

main.js

function sum(a, b) {
  return a + b; 
}
const sum1 = sum(1, 2);
const sum2 = sum(3, 4);
sum3 = sum1 + sum2;

console.log(sum3); //10

このようにreturnを記述することで、sum(1, 2)とsum(3, 4)のsumに「戻り値」という答えを返してあげることができる。
返すとそこに「値 = 答え」が存在しているので、計算に使うこともできちゃう

まとめ

とりあえずreturnを使わないと”形”にならないんだなーと思ってくれれば大丈夫かなと思います。
もしご指摘等があれば教えてくれると助かります。。。