调式工具

1.console.log()和console.dir()

dir方法对于基本数据类型的数据效果和log方法相同，而对于引用数据可以显示一个引用数据的所有属性和方法

        console.log(100);
        console.dir(100);
        console.log(new Date());
        console.dir(new Date());

2.alert()

浏览器弹出弹框，当用户没有点击确定按钮就会阻止后面代码的运行，只有当用户点击了确定按钮才会执行alert()后面的代码。当传入变量会取变量的值显示在弹框中。

        var a="hello,jzx";
        alert(a);
        console.log(777);

没有按确定按钮就不会执行控制台打印的语句。

3.confirm()会返回布尔值，用户点击确定按钮就返回true，点击取消按钮就返回false。该方法同样在用户没有点击按钮时会组织后面代码的运行。可以用于和用户交互。

        var re=confirm("你确定继续吗");
        console.log(re);

4.debugger调试语句，设置断点方便知晓代码运行的顺序

$O%EIAR{G~~TST2Q~1O}%_ZP.png$

5.计时器setInterval(),第一个参数是需要调用执行的回调函数，第二个参数是调用回调函数的间隔时间，传入的是毫秒值。该函数会返回一个数字，是定时器的id。该方法不会阻止后面代码的执行。

clearInterval()，清除计时器，传入计时器的返回值就可以清除相应的计时器，否则计时器会一直运行。计时器的返回值要用不同的变量报存，否则可能无法清除相应的计时器。

        var i=0;
        setInterval(()=>{console.log(i++);},3000);

3秒打印一次i++的值。

        var i=0;
        var re=setInterval(()=>{console.log(i++,111);},3000);
        console.log(re);
        clearInterval(re);

6.计时器setTimeout(),和setInterval()类似，但区别在于，stTimeout只会执行1次，计时器不会重复执行。clearTimeout()，清除计时器，传入计时器的返回值就可以清除相应的计时器。

 var re=setTimeout(()=>{console.log(6,7)},1000);
        console.log(re);
        clearTimeout(re);

计时器都是异步执行代码，计时器立即被创建但是需要等待其他任务代码执行完毕才开始计时，计时到点才执行任务代码。同步：需要等待之前的任务代码全部执行完。异步：任务代码立即创建，需等待同步任务代码执行完。

 console.log(i);//undefined
        setTimeout(()=>{
            console.log(i,666);//7
        },1000);
        for(var i=0;i<7;i++){
            console.log(i)//0-6
        };
        console.log(i);//7

六十二.全局工具

调式工具