1console.log("Karate, the 'Dane Cook' of martial arts?");
2> Karate, the 'Dane Cook' of martial arts?
1console.debug()
1console.info()
1console.log()
1console.warn()
1console.error()
1console.debug()
1console.info()
1console.log()
1console.debug("Lana");
2console.warn("Lana!");
3console.error("LANA!!!");
4console.info("Danger zone.");
1const interjection = "Jeezy-petes!";
2console.log('Uses interjection %s', interjection);
Specifier | Output |
---|---|
%s | String |
%i or %d | Integer |
%f | Floating point value |
%o | DOM element |
%O | JavaScript object |
%c | Applies CSS style rules as specified by a second parameter |
1console.group(label)
1console.groupEnd()
1console.groupCollapsed(label)
1const characters = [
2 { name: 'Cyril', age: 45, aliases: ['Odie McCracken'] },
3 { name: 'Cheryl', age: 32, aliases: ['Carol', 'Cherlene'] },
4 { name: 'Lana', age: 33, aliases: ['Shirley Temper'] },
5 { name: 'Archer', age: 37, aliases: ['Duchess', 'Randy'] }
6];
7characters.forEach((character) => {
8 console.group('Logging character ' + character.name);
9 console.groupCollapsed('Aliases');
10 character.aliases.forEach(alias => console.log('alias %s', alias));
11 console.groupEnd();
12 console.log('age %i', character.age);
13 console.groupEnd();
14});
1console.dir(object)
1console.table(array)
1const characters = [
2 { name: 'Krieger', age: 45, aliases: [] },
3 { name: 'Cheryl', age: 32, aliases: ['Carol', 'Cherlene'] },
4 { name: 'Lana', age: 33, aliases: ['Shirley Temper'] },
5 { name: 'Archer', age: 37, aliases: ['Duchess', 'Randy'] }
6]
7console.dir(characters[3]);
8console.table(characters);
1console.trace(message)
1(function one() {
2 (function two() {
3 (function three() {
4 console.trace("I have a stack trace");
5 })();
6 })();
7})();
1console.assert(assertion, message)
1function KriegerClone (number) {
2 this.number = number;
3 this.greetKrieger = function(timeOfDay) {
4 // should be less than; error intentional so assertion fails.
5 return 'Guten ' + (timeOfDay.getHours() > 17 ? 'Tag' : 'Abend')
6 + ' Klon-Bruder! Ich bin ' + this.number + '.';
7 }
8}
9const clone = new KriegerClone(42);
10const testDate = new Date(2015, 8, 24, 16, 0, 0);
11const expected = 'Guten Tag Klon-Bruder! Ich bin 42.';
12console.assert(expected === clone.greetKrieger(testDate), "Krieger clone should greet correctly");
1console.count(message)
1const clones = new Array(100);
2for (let i = 0; i < 100; i++) {
3 console.count("cloning Krieger.");
4 clones[i] = new KriegerClone(i);
5}
1console.time(label)
1console.timeEnd(label)
1console.timeStamp(label)
1function KriegerClone (number) { this.number = number; }
2
3var label = "Clone Krieger";
4console.time(label);
5var clones = new Array(1000000);
6for (var i = 0; i < 1000000; i++) {
7 if (i === 500000) { console.timeStamp("Halfway there!") }
8 clones[i] = new KriegerClone(i);
9}
10console.timeEnd(label);
1console.profile(label)
1console.profileEnd()
1function KriegerClone (number) { this.number = number; }
2
3const label = "Clone Krieger";
4console.profile(label);
5const clones = new Array(1000000);
6for (let i = 0; i < 1000000; i++) {
7 clones[i] = new KriegerClone(i);
8}
9console.profileEnd(label);
1git clone https://github.com/doug-wade/spectacle-slides