JavaScriptのコンソールログを改良したい

JavaScriptで「console.log()」を「c()」でできたら楽だと思って下記のコードを作りました。

var str = 'hello';
c( 'str =', str );

function c( x, y = null ){
	if ( y === null ){ console.log( x ); }
	else { console.log( x, y ); }
}

うまくいったと思ったのですが、「FormData()」などの際に困りました。

つまり「FormData()」のコンソールは次のように「...」としなければなりません。

const fd = FormData();
console.log( 'fd =', ...fd.entries() );

そしてこの「...」は先ほどの「c()」で使えないので困りました。

何かいい作戦ありませんか！？

行動規範の内容に同意します

回答2件

ベストアンサー

単純に、以下のようなのはいかがでしょうか

c = console.log;
c("ログ出力")

これなら単純に参照を作っただけなので出力された場所も正しく表示されます。
（Chromeとfirefoxでテストしました）

テストコード

<!DOCTYPE html>
<html lang="ja">
<body>
  console.logのalias
  <script>
    function test1() {
      c("test1");
    }
    function test2() {
      c("test2");
    }
    
    c = console.log;
    test1();
    test2();

  </script>
</body>
</html>

投稿2020/07/06 02:14

YakumoSaki

総合スコア2027

miyabi_pudding

2020/09/07 01:10

質問要件ではないのですが、 console.dirとか、他にも便利メソッドがあるので、 console自体を参照する方が使い勝手よくなるかもですね。

行動規範の内容に同意します

単純に、すべての引数を引き渡してしまうのがいいかと思います。

javascript
1// その1 spread引数で引き継ぐ
2function c1(...args){
3  console.log(...args);
4}
5
6// その2 bindを使う
7c2 = console.log.bind(console);

投稿2020/07/06 00:26

編集2020/07/06 01:04

maisumakun

総合スコア146072

yambejp

2020/07/06 00:51

c1のconsole.logのケツに怪しいスラッシュが一つはいってます

maisumakun

2020/07/06 01:05

ご指摘ありがとうございます。

cookiemonster

2020/07/06 01:41 編集

天才です。そう使えばよかったんですね。ありがとうございます！

cookiemonster

2020/07/06 01:42

さらに思ったことがあるのですが、ご相談よろしいでしょうか。今回の方法ですとコンソールの行数がすべて、c1を書いた場所になってしまいますよね。この点を憂慮すればやはり面倒でも毎回console.logと書いた方がいいでしょうか？ PHPの __LINE__ のようなものがあればいいのですが… maisumakunさんはいつもどうしていらっしゃいますか？

行動規範の内容に同意します

あなたの回答