闭包,定时器

问答

什么是闭包? 有什么作用

• 闭包就是能够读取其他函数内部变量的函数。由于在JavaScript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成定义在一个函数内部的函数。所以，在本质上，闭包就是将函数内部和外部连接起来的一座桥梁。
• 闭包主要作用有两个
  1. 外部可以读取函数内部的局部变量
  2. 可以让局部变量的值一直保存在内存之中

setTimeout 0 有什么作用

• setTimeout(0)是要求浏览器"尽可能快"的进行回调，但是实际有多快完全取决于浏览器的能力
• JS解析器会把setTimeout(f,0)里的f队列压到运行队列的最后，因为它是异步操作

代码题

• 下面的代码输出多少？修改代码让fnArri 输出 i。使用两种以上的方法

代码1.png

• 使用闭包封装一个汽车对象，可以通过如下方式获取汽车状态

代码2.png

• 写一个函数使用setTimeout模拟setInterval的功能

代码3.png

• 写一个函数，计算setTimeout平均[备注：新加]最小时间粒度

代码4.png

• 下面这段代码输出结果是? 为什么?

代码5.png

• 下面这段代码输出结果是? 为什么?

代码6.png

• 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）

代码7.png

• 如何获取元素的真实宽高
  • 使用window对象的getComputedStyle()方法

123

 var box = document.querySelector('.box');
    console.log(window.getComputedStyle(box)['height']); // 50px
    console.log(window.getComputedStyle(box)['width']); // 60px

• URL 如何编码解码？为什么要编码？

  • JavaScript提供四个URL的编码/解码方法。
    1.decodeURI()
    2.decodeURIComponent()
    3.encodeURI()
    4.encodeURIComponent()
  • 当需要解析URL的名称时可以使用encodeURI()
  • 当需要解析URL里的参数时可以使用encodeURIComponent()
  • 根据使用场景不同做相应的处理

• 补全如下函数，判断用户的浏览器类型

   var container = document.querySelector('#container');

    function isAndroid() {
        var reg = /android/i;
        if (reg.test(navigator.userAgent)) {
            container.innerHTML = '这是安卓手机';
        }
    }

    function isIphone() {
        var reg = /iphone/i;
        if (reg.test(navigator.userAgent)) {
            container.innerHTML = '这是苹果手机';
        }
    }

    function isIpad() {
        var reg = /ipad/i;
        if (reg.test(navigator.userAgent)) {
            container.innerHTML = '这是IPAD';
        }
    }

    function isIOS() {
        var reg = /(ipad)|(iphone)/i;
        if (reg.test(navigator.userAgent)) {
            container.innerHTML = '这是苹果系统';
        }
    }