Jak protokolovat trasování a objekty zásobníku JavaScriptu pomocí console.trace

Dnes jsem viděl aktualizaci kompatibilních dat MDN, která zahrnovala metodu dostupnou na console . console obsahuje mnohem více užitečných funkcí než běžně používaný console.log metoda.

Jedním z nich je console.trace které můžete použít k protokolování trasování zásobníku JavaScriptu.

function someFunction() {
  function anotherFunction() {
    console.trace();
  }

  anotherFunction();
}

somefunction();

// logs:
// anotherFunction @ VM3917:3
// someFunction    @ VM3917:6
// (anonymous)     @ VM4184:1

Jedna věc, kterou jsem se naučil, je, že console.trace také přijímá více argumentů, takže můžete protokolovat objekty a trasování zásobníku ve stejném volání. 🎉

function someFunction() {
  function anotherFunction() {
    console.trace({foo: "bar"});
  }

  anotherFunction();
}

somefunction();

// logs:
// { foo: "bar" }
// anotherFunction @ VM3917:3
// someFunction    @ VM3917:6
// (anonymous)     @ VM4184:1

Pokud to chcete vidět v akci, zde je rychlé video. 👇