test8.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 获取地址栏 ~age=20&pirce=30&keywords=lv&cc=1~ 中的keywords参数的值
        // let obj = {}
        // let str = 'age=20&pirce=30&keywords=lv&cc=1'
        // let keys = str.split('&')
        // console.log(keys);
        // keys.forEach(r => {
        //     let kv = r.split('=')
        //     let key = kv[0];
        //     let val = kv[1];
        //     obj[key] = val;
        // });


        // keys.forEach(function(r) {
        //     let kv = r.split('=')
        //     let key = kv[0];
        //     let val = kv[1];
        //     obj[key] = val;
        // })
        // console.log(obj.keywords);

        // function repairZero(num) {
        //     num = num.toString()
        //     console.log(num);
        //     return num[1] ? num : ('0' + num)
        // }
        // console.log(repairZero(8));


        // function padding1(num, length) {
        //     for (var len = (num + "").length; len < length; len = num.length) {
        //         num = "0" + num;
        //     }
        //     return num;
        // }
        // console.log(padding1(8,2));


        // for (var i = 0; i < 10; i++) {
        //     setTimeout(function() { // 同步注册回调函数到 异步的 宏任务队列。
        //         console.log(i); // 执行此代码时，同步代码for循环已经执行完成
        //     }, 0);
        // }
        // 输出结果
        // 10 共10个
        // 这里面的知识点： JS的事件循环机制，setTimeout的机制等


        for (let i = 0; i < 10; i++) {
            setTimeout(function() { // 同步注册回调函数到 异步的 宏任务队列。
                console.log(i); // 执行此代码时，同步代码for循环已经执行完成
            }, 0);
        }
    </script>
</body>

</html>