[Javascript] Advanced Console Log Arguments

Get more mileage from your console output by going beyond mere string logging - log entire introspectable objects, log multiple items in one call, and apply C-Style string substitution to make the console work for you.

// Can accept multi args
console.log("Hello", "World", "2016"); // Hello World 2016

// Can accept any Javascript type
console.log({foo: "bar", foobar: {bar: "foo"}});

// Substitution
console.log("Hello my name is %s, %d years age, object ->", "Zhentian", 23,  {name: "Zhentian"}); // Hello my name is Zhentian, 23 years age, object -> Object {name: "Zhentian"}

// Styling output
console.log("Listen, this is %cimportant!", "font-size: 24px; color: red"); 

时间: 2024-10-13 09:48:11

[Javascript] Advanced Console Log Arguments的相关文章

[Javascript] Format console.log with CSS and String Template Tags

The Chrome console allows you to format messages using CSS properties. This lesson walks you through the syntax of formatting your logs with css then refactoring into a template tag function to make formatting more reusable. const debug = (label, sty

(转)Javascript中console.log()用法

原文地址应该是这个吧:http://my.oschina.net/junn/blog/142728 要想在IE下使用加在js最上面 加上下面两句话就可以了 window.console = window.console || {}; console.log || (console.log = opera.postError); 然后在下面的js代码中就可以使用 console.log.下图 IE开发者模式下的console.log

理解Javascript参数中的arguments对象

ECMAScript中函数没有标签名的特性,所以ECMAScript函数中没有重载. Javascript中arguments的存在可以弥补javascript中函数没有重载的不足. Javascript中函数中的参数是以数组的形式保存的,所以在JavaScript中调用函数给函数传递的参数时,不会受到我们定义函数时设置的参数个数的限制.也就是说如果我们给一个函数定义了2个参数,我们传递的时候可以不传,可以传一个,也可以传两个,传三个...都可以,不会受函数参数个数的影响.arguments类似

javascript中console的用法

Javascript的console.log()用法 //变量var i = 'I am a string';console.log('变量:',i); //数组var arr = [1,2,3,4,5];console.log('数组:',arr); //对象var obj1 = {key1 : 'value1',key2 : 'value2',key3 : 'value3'};var obj2 = {key6 : 'value4',key5 : 'value5',key4 : 'value6

JavaScript原型链中toString()方法输出alert()和console.log()得到不同的结果

<script language="javascript"> function myObj(){ var total = 0; } myObj.prototype.add = function(a,b){ this.total = a + b; } myObj.prototype.toString = function(){ return this.total; } var obj = new myObj(); obj.add(1,2); console.log(obj);

JavaScript调试技巧之console.log()详解

转载 对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用:而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑 一.什么是console.log()?除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能:即使没有调试功能,也可以通过安装插件来进行补充.比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug

javascript 中的console.log和弹出窗口alert

主要是方便你调式javascript用的.你可以看到你在页面中输出的内容. 相比alert他的优点是: 他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容. console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作. console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:Console {memory: MemoryInfo

JavaScript调试技巧之console.log()详解--2015-08-07

对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断 JavaScript程序的执行,从而造成副作用:而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑 一.什么是console.log()?除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能: 即使没有调试功能,也可以通过安装插件来进行补充.比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug插

JavaScript写到控制台的方法console.log()

如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值. 浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script typ