JS单线程

JavaScript为什么是单线程
        1.首先是历史原因,在创建 javascript 这门语言时,多进程多线程的架构并不流行,硬件支持并不好。
        2.其次是因为多线程的复杂性,多线程操作需要加锁,编码的复杂性会增高。
        3.而且,如果同时操作 DOM ,在多线程不加锁的情况下,最终会导致 DOM 渲染的结果不可预期
    
        同步任务:在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务
        异步:不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行
    
        1.JS任务 分为同步任务(synchronous)和异步任务(asynchronous)
        2.同步任务都在 JS引擎线程(主线程) 上执行,形成一个执行栈(call stack)
        3.事件触发线程 管理一个 任务队列(Task Queue)
        4.异步任务 触发条件达成,将 回调事件 放到任务队列(Task Queue)中
        5.执行栈中所有同步任务执行完毕,此时JS引擎线程空闲,系统会读取任务队列,将可运行的异步任务回调事件添加到执行栈中,开始执行
        console.log(1)
        setTimeout(()=>{
            console.log(2)
        },100)
        console.log(3)
        宏任务有哪些:script(整体代码), setTimeout, setInterval,
        微任务有哪些:process.nextTick, Promise, 
        特性
        1.宏任务和微任务的任务队列都可以有多个
        2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件,然后再去宏任务队列中取出一个事件。同一次事件循环中,微任务永远在宏任务之前执行。
        3.不同的运行环境 循环策略可能有不同,这里探讨chrome、node环境
    
        var arr = [1,2,3];
        arr.length = 10;

JSON.stringify(obj)将类型转换为字符串
JSON.parse(_obj);转数组类型
使用JSON.stringify(obj)和JSON.parse(_obj)深拷贝
使用递归深拷贝
 function deepClone(obj){
          let objs = Array.isArray(obj)?[]:{};
           if(obj&&typeof obj==="object"){
              for(key in obj){
                    if(obj.hasOwnProperty(key)){
                        if(obj[key]&&typeof obj[key]==="object"){
                            objs[key] = deepClone(obj[key]);
                       }else{
                          objs[key]=obj[key];
                      }
                    }
                 }
             }
             return objs;
闭包有3个特性
①函数嵌套函数
②函数内部可以引用函数外部的参数和变量
 ③参数和变量不会被垃圾回收机制回收
function a(){
            var name = "dov";
            return function(){
                 return name;
            }
         }
         console.log(a()());
        var b = a();
         console.log(b());

好处
        // ①保护函数内的变量安全 ,实现封装,防止变量流入其他环境发生命名冲突
        // ②在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)
        // ③匿名自执行函数可以减少内存消耗
        // 坏处
        // ①其中一点上面已经有体现了,就是被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏,解决方法是可以在使用完变量后手动为它赋值为null;
        // ②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响
        // for(var i=0;i<5;++i){
        //     (function(i){
        //         setTimeout(()=>{
        //             console.log(i);
        //         },1000*i)
        //     }(i))
        // }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值