美文网首页
进阶7:正则表达式

进阶7:正则表达式

作者: jrg陈咪咪sunny | 来源:发表于2017-12-15 09:43 被阅读0次

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

    var a = 1;
    setTimeout(function(){
    a = 2;
    console.log(a);
    }, 0);
    var a ;
    console.log(a);
    a = 3;
    console.log(a);

    回答内容

    // 输出结果
    1 3 2
    // 原因:setTimeout异步执行,从上到下执行完之后再执行setTimeout内的语句
    
        var a = 1:声明并将1赋值给a
        setTimeout方法加入任务队列不执行
        var a:声明a a的值不变
        console.log(a) 输出为 1
        a = 3:将3赋值给a
        console.log(a) 输出为3
        执行setTimeout,a被赋值为2并即时输出
    

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

    var flag = true;
    setTimeout(function(){
    flag = false;
    },0)
    while(flag){}
    console.log(flag);

    回答内容

    var flag = true;
    setTimeout(function(){
    flag = false;
    },0)
    while(flag){}
    console.log(flag);
    // 不输出任何东西,且控制台/浏览器卡死
    
        var flag = true,给flag赋值
        遇到setTimeout,加入任务队列,跳过
        while语句,这里的flag是true,执行{}内循环体,循环体无内容无break,陷入死循环
    

    实现一个节流函数。
    回答内容

    用途
    
    函数节流实际上是一个日常处理函数/方法短时间多次调用导致的性能/表现问题的优化方案
    通过添加定时器及对应的清除方法,让可能会多次调用重复函数/方法时,如果但时间内重复调用,则删除上一次调用
    举例
    
    // 常规写法
    var timer
    function test(){
    if(timer){
    clearTimeout(timer)
    }
    timer = setTimeout(function(){
    console.log('上一次调用once函数间隔时间大于设置时间,成功执行一次')
    },500)
    }
    
    // 测试输出
    
    test()
    
    // 测试结果
    达到了节流作用
    

    简单解释单线程、任务队列的概念。
    回答内容

    单线程
    
    JavaScript是浏览器用来与用户进行交互、进行DOM操作的,这也使得了它必须是单线程这一特性。
    所谓单线程也就是只有一条线,一步一步走
    任务队列
    
    在JavaScript中任务有两种,一种是同步任务,一种是异步任务。
    
    同步任务:各个任务按照文档定义的顺序一一推入"执行栈"中,当前一个任务执行完毕,才会开始执行下一个任务。
    异步任务:各个任务推入"任务队列"中,只有在当前的所有同步任务执行完毕,才会将队列中的任务"出队"执行。
    当线程中没有执行任何同步代码的前提下才会执行异步代码
    
    。
    

    相关文章

      网友评论

          本文标题:进阶7:正则表达式

          本文链接:https://www.haomeiwen.com/subject/dkerwxtx.html