throwで投げた文字列がcatchで取得できない

Question

MDNのthrow例文をみると
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/throw

function getRectArea(width, height) {
  if (isNaN(width) || isNaN(height)) {
    throw "Parameter is not a number!";
  }
}

try {
  getRectArea(3, 'A');
}
catch(e) {
  console.error(e);
  // expected output: "Parameter is not a number!"
}

catch中のconsole.error(e)にthrowで投げた文字列が正常取得できましたが、

console.errorを以下のように変更すると

console.error('xxx',e);
なぜかthrowが渡した文字列を取得できませんでした。(xxxだけは表示される)

これはなぜでしょうか？

Comments

[maisumakun]

JavaScriptの実行環境は何をお使いでしょうか？（consoleはブラウザによって機能性が異なることがあります）

[Kimsehwa]

MDNページの実行環境でコード修正して実行してました。

Answer 1

見た感じ普通に「xxx Parameter is not a number!」と表示されます

function getRectArea(width, height) {
  if (isNaN(width) || isNaN(height)) {
    throw "Parameter is not a number!";
  }
}
try {
  getRectArea(3, 'A');
}
catch(e) {
  console.error('xxx',e);
}

Comments

[Kimsehwa]

大変失礼しました。nodeだと普通に動きました。なぜかMDNのページ上でRUNするとおかしいですね、、

[x_x]

https://interactive-examples.mdn.mozilla.net/js/editor-js.js
console.error=function(t){e.writeOutput(t),r.apply(console,arguments)}
として表示するために書き換えているため(t が第一引数、r はオリジナルの console.error)。
開発者ツールで見れば正しく出力されているかと