console.log详解

console.log方法用于在控制台输出信息。它可以接受一个或多个参数，将它们连接起来输出。

console.log('Hello World')
// Hello World
console.log('a', 'b', 'c')
// a b c

console.log方法会自动在每次输出的结尾，添加换行符。

console.log(1);
console.log(2);
console.log(3);
// 1
// 2
// 3

如果第一个参数是格式字符串（使用了格式占位符），console.log方法将依次用后面的参数替换占位符，然后再进行输出。

console.log(' %s + %s = %s', 1, 1, 2)
//  1 + 1 = 2

上面代码中，console.log方法的第一个参数有三个占位符（%s），第二、三、四个参数会在显示时，依次替换掉这个三个占位符。

console.log方法支持以下占位符，不同类型的数据必须使用对应的占位符。

%s 字符串
%d 整数
%i 整数
%f 浮点数
%o 对象的链接
%c CSS 格式字符串

var number = 11 * 9;
var color = 'red';console.log('%d %s balloons', number, color);
// 99 red balloons

上面代码中，第二个参数是数值，对应的占位符是%d，第三个参数是字符串，对应的占位符是%s。

使用%c占位符时，对应的参数必须是 CSS 代码，用来对输出内容进行 CSS 渲染。

console.log('%cThis text is styled!','color: red; background: yellow; font-size: 24px;'
)

上面代码运行后，输出的内容将显示为黄底红字。

console.log方法的两种参数格式，可以结合在一起使用。

console.log(' %s + %s ', 1, 1, '= 2')
// 1 + 1  = 2

如果参数是一个对象，console.log会显示该对象的值。

console.log({foo: 'bar'})
// Object {foo: "bar"}
console.log(Date)
// function Date() { [native code] }

上面代码输出Date对象的值，结果为一个构造函数。

console.log详解相关推荐

javascript教程：console.log 详解
对应WEB程序员,console.log 可以说是神器,极大地方便了程序开发.程序猿:学习了,用Console写日志比alert方便多了. console.log(object[, object, . ...
你所不知道的console.log()（console.log详解）
console.log,作为一个前端开发者,想必每天都会用它来做分析调试,但这个简单函数背后你所不知道的一面,很多人未必使用过,有一些也是很方便使用的基础首先,简单科普这个函数的作用.前端开发者可 ...
Console命令详解,让调试js代码变得更简单
console.log(object[, object, ...]) 在控制台输出一条消息.如果有多个参数,输出时会用空格隔开这些参数. 第一个参数可以是一个包含格式化占位符输出的字符串,例如: co ...
javascript console 函数详解 js开发调试的利器浏览：3201|更新：2014-05-30 09:27
引用地址: http://jingyan.baidu.com/article/e75aca855c6419142edac6c1.html 一键约师傅百度师傅最快的到家服务,最优质的电脑清灰! Con ...
JS--Console.log()详解
对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用:而conso ...
Android之----Log详解(Log.v,Log.d,Log.i,Log.w,Log.e)
Android Log是 android.util.Log 类常用的方法有以下5个: Log.v () -- VERBOSE Log.d () -- DEBUG Log.i () -- INFO L ...
tf.log()详解
tf.log(y) 计算元素 y 的自然对数, y=ex 计算出x 返回一个张量,与 y 具有相同的类型. tensor = tf.constant([[1.0,2.0,3.0],[1.0,2.0,3 ...
git log 详解
git log 可以让我们查看提交commit history,接下来我们来一起探索git log提供的参数. $ git log commit 0005d1e3f54b79fe4707fbccc44 ...
db2diag.log 详解
转载地址:http://freebile.blog.51cto.com/447744/773435 db2diag命令,是用来查看db2数据库运行日志信息的,实际上,db2运行日志是记录在db2dia ...

console.log详解

console.log详解相关推荐

最新文章

热门文章