console.dir 和 console.log 的区别

控制台对象：控制台对象提供对浏览器调试控制台的访问，可以使用F12或ctrl+shift+j来查看。 Console 对象包含很多方法，其中使用最多的是 log() 和 dir()。

console.log()方法向用户打印控制台中对象的 toString 表示。
句法：

console.log(object) or console.log("string", object)

console.dir()方法将控制台中指定对象的对象属性列表输出给用户。
句法：

console.dir(object)

简而言之， console.log()以字符串形式返回对象， console.dir()将对象识别为对象并输出其属性。 log() 和 dir() 都将字符串作为字符串返回。

例子：

  

  
    
        var str = "Howdy GeeksforGeeks"
        var geek = {
            book: "harrypotter",
            price: "2000"
        };
        var geek2 = [10, 20, 30];
        console.log(str);
        console.dir(str);
        console.dir(geek);
        console.log("geek (log) = ", geek);
        console.dir(geek2);
        console.log("geek2 (log) = ", geek2);
  
        // Prints only string as dir() takes
        // only one parameter.
        console.dir("geek2 (dir) = ", geek2);
    

  

输出：

在上面的代码中， log()打印对象的toString 表示，而dir()识别对象并仅打印其属性。

上面的程序在 chrome 中运行，所以log()打印树和字符串信息，但如果在 firefox 中运行log()只打印出 toString 表示信息，而dir()在任何地方的行为都是一样的。

正如你在代码中看到的那样console.dir(“geek2 (dir) = “, geek2);只打印字符串部分而不打印对象属性，因为 dir() 只接受一个参数并将字符串视为传递给方法的唯一参数，而 log() 接受任意数量的参数。