Co różni się między konsolą.log a konsolą.dir?

Question

Powiel możliwe:
What’s the difference between console.dir and console.log?

Niedawno dowiedziałem się o istnieniu console.dir().

Po przejrzeniu MDN, nie zrozumiałem dokładnie, jaka jest prawdziwa różnica między tym a console.log. Oba pokazują ten sam wynik (ale .dir pokazuje niektóre właściwości), czy to prawda?

Jakiej funkcji należy użyć podczas debugowania/rozwijania?

EDIT: Właśnie się dowiedziałem, istniejący pytanie, które odpowiada na moje myśli: What's the difference between console.dir and console.log?

Answer 1

sposobu prezentowania informacji jest inna. Na przykład, w Firebug, jeśli robię to:

a = { foo: "foo", bar: "bar" }; 

a następnie zrobić:

console.log(a) 

uzyskać:

Object { foo="foo", bar="bar"} 

Gdybym to zrobić:

console.dir(a) 

Otrzymuję:

bar "bar" 
foo "foo" 

Gdybym miał zagnieżdżone obiekty, miałbym małe pokrętne kontrolki (MDN nazywa je "trójkątami ujawniającymi"), dzięki czemu mogłem z łatwością zagłębić się we właściwości obiektu.

W zależności od używanych narzędzi, YMMV.