Node.jsのUndefinedについて

Question

変数や定数の宣言時にUndefinedとなる

プログラミング入門者です。
ターミナルでNode.jsを起動し、変数に値を代入して宣言すると"Undefined"と出ます。
console.logで値を確認してみると代入した値が出力されますが、その直後同様に"Undefined"と出ます。

該当のソースコード

let number = 1;

console.log(number);

補足情報（FW/ツールのバージョンなど）

zsh
Node.js 17.3.0

Answer 1

症状を聞く限りREPLで試してみたってことですよね。
仕様です。

$ node
Wlcome to Node.js v17.0.1.
Type ".help" for more information.

> let number = 1
undefined

> console.log(number)
2
undefined

let, const(+ 非推奨のvar)の変数を宣言する構文は、
複数の変数を同時に定義できます。

逆に質問しますが、
let n1 = 1, n2 = 2という風に２つの変数宣言を同時に行った場合、
式全体は1を返すのが正しいのですか？2を返すのが正しいのですか？

いやいや、そんなの文脈からすらも読み取れないじゃん。
だから行全体はundefinedとなるのです。
その後に値単体をREPLに放り込めばちゃんと値が確認できますよ。

> let n1 = 1, n2 = 2
undefined

> n1
1

> n2
2

# 代入だけなら値が取れる
> n1 = 10
10

# カンマでくくりつつの複数代入は一番最後の値が取れる
# しかし変数宣言の目的は変数宣言なわけだし、微妙ではあるがおかしいというほどではなさそう
> n1 = 11, n2 = 12
12

続いてconsole.log(number)がundefinedを返す理由についてです。
これは各社のブラウザがconsole.logの返り値にundefinedを返せという作りになっています。
例えばFirefoxを作っている会社が公開しているMDNによると
公式文書ではないものの下記のURLを辿れと記載されています。

• console.log - MDN
• 1.1.6. log(...data)
• 2.1. Logger(logLevel, args)

1. If args is empty, return.
2. Let first be args[0].
3. Let rest be all elements following first in args.
4. If rest is empty, perform Printer(logLevel, « first ») and return.
5. If first does not contain any format specifiers, perform Printer(logLevel, args).
6. Otherwise, perform Printer(logLevel, Formatter(args)).

7. Return undefined.

仕様がundefinedを返しましょうって言ってるのに、
勝手に入力値を返し始めたら「なんだこいつ！？」ってなってしまいます。

REPLではコマンドを打ち込むと、
毎回結果を評価して画面出力してくれます。
下記のようにしましょう。

> let number = 1
undefined

# REPLで値を確認する場合、変数単体や式を直接投げ込む
> number
1

---

【おまけ】 console.logで値を返してほしい！

関数型プログラミングをサポートするライブラリにそういうのあります。
例えばJavaScriptやNode.jsでよく使われているLodashというライブラリ
tap - Lodash

Online Lodash Tester
このサイトで実際に使ってみます。

result = _.tap(123, console.log)
// 123

このときのtapはこういう感じの関数になっています。

function tap (value, callback) {
  callback(value);
  return value;
}

> tap(123, console.log);
123
123

実行結果捨てて、改めて入力値返してるんだから
そりゃそうなるわなという感じなんですけどね。

例えばLodashではチェーン記法を使うことで複雑な値の加工もほんの数行で完了させることができます。

ただし、複雑なことをメソッドチェーンでやるわけで、
途中の値どうなってんねん？って知りたいという動機があるわけです。
でもconsole.logを通過させると値がundefinedに変異してしまう。
こういう時に.tap(console.log)を挟んで画面出力させつつロジックの処理は途切れさせないということができます。

_(users)
  .filter(function(user) { return user.age > 35; })
  .tap(console.log) // この時点での値はどうなってるんだい？
  .pick('name')
  .value();

Comments

[lunarroad]

わかりやすい回答ありがとうございました。

Answer 2

Number - JavaScript | MDN

型の名前そのものを変数名などには使えないため、そうなるものと思われます。
別の変数名でお試しください。