console.log有什么用?

请用一个代码示例解释如何在JavaScript中使用它。


当前回答

console.log():这个方法是众所周知的,也是最常见的,它可以输出任何类型的任何内容。传递字符串,数字,对象甚至html元素作为参数,它将为您打印相同的内容。

Ex.

console.log('Your print statements here!');
console.log('2nd parameter is type object', {type: 'object'});
console.log('can print with multiple parameters', 100001, {type: 'object'});

从这里找到更多关于控制台的例子:控制台

其他回答

使用console.log向页面添加调试信息。

许多人使用alert(hasNinjas)来实现这一目的,但是console.log(hasNinjas)更容易使用。使用警报弹出一个模态对话框,阻止用户界面。

编辑:我同意巴蒂斯特·佩尔内特和扬·汉尼克的观点,检查窗口是一个非常好的主意。首先定义Console,以便在没有可用的控制台时代码不会中断。

举个例子——假设你想知道哪行代码可以运行你的程序(在它崩溃之前!),只需输入

console.log("You made it to line 26. But then something went very, very wrong.")

引用MDN文档

控制台-包含许多你可以调用来执行的方法 基本的调试任务,通常集中在各种日志记录上 值发送到浏览器的Web控制台。 到目前为止,最常用的方法是使用console.log 记录特定变量中包含的当前值。

如何使用Javascript?

let myString = 'Hello World';
console.log(myString);

还要记住控制台是web浏览器全局窗口对象的一部分。因此,以下内容在技术上也是正确的,但在实际场景中没有使用。

let myString = 'Hello World';
window.console.log(myString);

当我开始console.log进行调试时,我真的觉得web编程很容易。

var i;

如果我想检查i运行时的值..

console.log(i);

您可以在firebug的console选项卡中检查I的当前值。它是专门用于调试。

console.log将调试信息记录到某些浏览器(安装了Firebug的Firefox, Chrome, IE8,任何安装了Firebug Lite的浏览器)的控制台。在Firefox上,它是一个非常强大的工具,允许您检查对象或HTML元素的布局或其他属性。它与jQuery无关,但在使用jQuery时,通常会做两件事:

为Firebug安装firerequery扩展。除了其他优点外,这使得jQuery对象的日志记录看起来更好。 创建一个更符合jQuery链接代码约定的包装器。

这通常是这样的意思:

$.fn.log = function() {
    if (window.console && console.log) {
        console.log(this);
    }
    return this;
}

你可以调用它,比如

$('foo.bar').find(':baz').log().hide();

轻松检查jQuery链内部。