Home / Questions / 164916
Accepted
JackNavaRow
Asked: 2020-05-17 07:28:10 +0800 CST 2020-05-17 07:28:10 +0800 CST

How can I do Debugger in JavaScript

  • 772

Reading the question how to display data in a JSON , add a comment about how to display it using the console.table, What other features does the console have.

javascript

1 Answers

  1. Best Answer

    The command consolecan be used for many things, I will leave you the most common:

    1. For Code Visualization

    console.info("info");
console.warn("Warning");
console.debug("debug"); //funcion bloqueada en el snippet
console.error("error");
const miObjeto= {
  usuario : "jacknavarow",
  comunidad : ["es.stackoverflow", "stackoverflow", "ubuntu ask"]
}
console.dir(miObjeto);
console.table(miObjeto.comunidad)

    1. Check if functions return an expected value

    function validaPar(numero){
  return true
}
let numeroImpar = 1

console.assert(validaPar(numeroImpar) == false, `validaPar invalido numero ingresado ${numeroImpar}` )

    1. Ways to view function/method performance

    console.time()
setTimeout(() =>{ 
  //mostrara el resultado que se demoro desde el time hasta el timeEnd
  console.timeEnd()
}, 1000);

    1. Check the iterations of a cyclic process:

    for (let i = 0; i < 10; i++) {
  console.count();
}

    1. Group your information and/or trace

    function a(){
  
  console.group("a");
  console.trace();
  console.log("ejecutando a");
  console.groupEnd();
}
function b(){
  console.group("b");
  console.trace();
  console.log("ejecutando b");
  console.groupEnd();
}
a()
b()

    Of course you can mix all the functions for your particular use. if you want to know what methods it has console, open the browser and type console in your error console

    If you want to see more you can go to the Mozilla website

    • 5