JS console についてメモ。

main.js

/*global $, setTimeout, console*/

/**
 * なんか重たい処理
 */
function fib(num) {
    if (num === 0 || num === 1) {
        return 1;
    }
    return fib(num - 1) + fib(num - 2);
}

$(function () {

    var $trigger    = $('#trigger'),
        $result     = $('#result');

    // $trigger.on('click', function myFunction1(event) {
    $trigger.on('click', function (event) {

        // some routine
        var num = fib(40);

        $result.text(num);
    });
});


// アイコンが変わる
console.error('error message');
console.warn('warning message');
console.log('log message');
console.info('info message');
console.debug('debug message');

// アサーション
console.assert(false, 'assert1 false');

// カウンター
console.count('カウント');

//引数で渡されたobjectのプロパティを全て出力する。 element の扱いとかが違う
console.dir({'hoge': 'moge'});

// profile　(ブラウザのプロファイラと同じ)
console.profile('title1');
console.profileEnd('title1');

// timer
console.time('time');
console.timeEnd('time');

// stack trace
console.trace();