JavaScript console.log() 方法

console.log() 方法是 JavaScript 中一个必不可少的方法。它用于将输出打印到控制台。

语法

参数： console.log() 方法接受一个参数，可以是任何消息、对象、数组等。

返回值： 它返回作为参数给出的值。

我们可以以多种方式使用 console.log() 方法

• 将消息作为参数传递
• 将字符串作为参数传递
• 将字符作为参数传递
• 将数字作为参数传递
• 将带有消息的字符串作为参数传递
• 将带有消息的数字作为参数传递
• 将带有消息的字符作为参数传递
• 将函数作为参数传递
• 将对象作为参数传递
• 将数组作为参数传递

让我们通过演示来理解其中的每一个。

将消息作为参数传递

如果将消息作为参数传递给 console.log() 方法，则该消息将显示在控制台中。

演示

输出

我们可以看到消息显示在控制台中。

 
Welcome to my website   

将字符串作为参数传递

如果将字符串作为参数传递给 console.log() 方法，则该字符串将显示在控制台中。

演示

输出

我们可以看到字符串显示在控制台中。

 
Hello, how are you?   

将字符作为参数传递

如果将字符作为参数传递给 console.log() 方法，则该字符将显示在控制台中。

演示

输出

我们可以看到字符显示在控制台中。

 
%   

将数字作为参数传递

如果将数字作为参数传递给 console.log() 方法，则该数字将显示在控制台中。

演示

输出

我们可以看到数字显示在控制台中。

 
10   

将带有消息的字符串作为参数传递

如果将字符串作为参数传递给 console.log() 方法，则此方法将显示带有消息的字符串。

演示

输出

我们可以看到带有消息的字符串显示在控制台中。

 
Hi dear, How are you?   

将带有消息的数字作为参数传递

如果将数字作为参数传递给 console.log() 方法，则此方法将显示带有消息的数字。

演示

输出

我们可以看到带有消息的数字显示在控制台中。

 
The sum of a and b is 15   

将带有消息的字符作为参数传递

如果将字符作为参数传递给 console.log() 方法，则此方法将显示带有消息的字符。

演示

输出

我们可以看到带有消息的字符显示在控制台中。

 
The ampersand symbol looks like this: &   

将函数作为参数传递

如果将函数作为参数传递给 console.log() 方法，则此方法将显示给定函数的返回值。

演示

输出

我们可以看到函数的返回值显示在控制台中。

 
109   

将对象作为参数传递

如果将对象作为参数传递给 console.log() 方法，则此方法将对象显示在控制台中。

演示

输出

我们可以看到对象显示在控制台中。

将数组作为参数传递

如果将数组作为参数传递给 console.log() 方法，则此方法将在控制台中演示该数组。

演示

输出

我们可以看到对象显示在控制台中。

以下是支持 console.log() 方法的浏览器

• 谷歌浏览器
• Safari
• Mozilla Firefox
• Microsoft Edge
• Opera

结论

我们在本文中学习了 JavaScript console.log() 方法。通过演示，我们已经掌握了使用 console.log() 方法的许多方法。