デベロッパーツールのコンソールで表示されるundefinedの意味

Question

実施したこと

chromium最新版のデベロッパーツールコンソールタブにて
以下のコードを実行しました。

const test = "testの値"
undefined

やってみたこと

javascript const 宣言 undefinedなどのキーワードで検索してみたのですが
有効なページを見つけられず質問させていただきました。

やってみたこと２

chromeでテストしたあとアドオンが影響している可能性を仮定して
chromiumでテストして同じ結果になることを確認しました。

質問したいこと

ここでundefinedが表示される意味が分かりませんでした。
自分としては

const test = "testの値"
testの値

もしくは

const test = "testの値"

と表示されるのかと予想していました。

undefinedがどのような意味を示しているのか
ご教授いただけましたら幸いです。

参考情報

chromiumはエクステンションが何も入っていない状態で実行しました。

Answer 1

REPLと呼ばれる機能であるため、入力ごとに結果を返してくれます。

const test = "testの値"の場合、返り値がないため未定義となります。

testの値と表示させたいのであればconsole.log(test)とします。

Comments

[euicnvhf202105]

Kazimirさんコメントありがとうございます。
REPLというのは認識しておりませんでした。
Rubyなどとは挙動が違っていた気がして質問させていただきました。
const test = "testの値"が関数、式として処理されていて
返り値がないという解釈でundefinedが表示されているという理解をしました。
理解に間違いがありましたらご指摘いただければ嬉しいです。

[otn]

> Rubyなどとは挙動が違っていた気がして
Rubyのirb等と挙動は同じです。Rubyには宣言文が無いですからね。

[euicnvhf202105]

otnさんコメントありがとうございます。
jsでの方宣言なしでテストせず迂闊なことを書いてしまい失礼いたしました。
num1 = 123
123
jsでデベロッパーツールコンソールでも確認ができ
rubyの宣言文がないことも復習できました。
ありがとうございます。
自分の理解の浅いところに気がつけました。

Answer 2

宣言文は値を返さないということでしょう
代入文は値を返します
変数の直接参照も可能です

let test='dummy'[enter]
Undefind
test='testの値'[enter]
'testの値'
test[enter]
'testの値'

Comments

[euicnvhf202105]

yambejpさん回答ありがとうございます。
そうなんですよね代入文は値を返しますね。
宣言文は関数、式として処理されていて
返り値がないという解釈でundefinedが表示されているという理解をしました。
理解に間違いがありましたらご指摘いただければ嬉しいです。

Answer 3

Why does Chrome console say undefined?
https://quick-adviser.com/why-does-chrome-console-say-undefined/

上の記事によると、

"If the expression doesn’t return a value, the console will report undefined — this doesn’t mean anything is wrong, it’s just letting you know that the previous expression didn’t return a result."

・・・ということだそうです。やってみると確かにその通りでした。console.log("abc") は abc を表示しますが、メソッド本体には戻り値はないのでやはり undefined という結果になります。

Comments

[euicnvhf202105]

SurferOnWwwさん回答ありがとうございました。
参考ページありがとうございます。
検索で見つけられず助かりました。
const test = "testの値"が関数、式として処理されていて
返り値がないという解釈でundefinedが表示されているという理解をしました。
理解に間違いがありましたらご指摘いただければ嬉しいです。

[退会済みユーザー]

> const test = "testの値"が関数、式として処理されていて

それが undefined になるのは宣言は値を戻さないからということのようです。

戻り値のある関数の実行はもちろん値を戻しますが、それ以外に yambejp さんの回答にある test='testの値' とか、単に 'testの値' としても値を返すことになるようです。

[euicnvhf202105]

SurferOnWwwさんコメントありがとうございます。
＞単に 'testの値' としても値を返す
こちら実際にやったことがなかったのでやってみましたが
yambejp さんの回答通り表示されました。
参考ページにも興味深い記事がありましたのでまた熟読させていただきます。