第六周笔记

bind()原理
        Function.prototype.myBind = function(context) {
            如果没有传或传的值为空对象 context指向window
            if (typeof context === "undefined" || context === null) {
                context = window
            }
            let fn = mySymbol(context)
            context[fn] = this //给context添加一个方法 指向this
                处理参数 去除第一个参数this 其它传入fn函数
            let arg = [...arguments].slice(1) //[...xxx]把类数组变成数组，arguments为啥不是数组自行搜索 slice返回一个新数组
            context[fn](arg) //执行fn
            delete context[fn] //删除方法
        }
        
        apply原理一致  只是第二个参数是传入的数组
        Function.prototype.myApply = function (context, args) {
          if (!context || context === null) {
            context = window;
          }
          创造唯一的key值  作为我们构造的context内部方法名
          let fn = Symbol();
          context[fn] = this;
          执行函数并返回结果
          return context[fn](...args);
        };

        contructor：内部原型属性，可以通过代码重写
        instanceof：JavaScript操作符，会在原型链中的构造器中搜索，
        只能判断是否是对象或数组,找到则返回true，否则返回false

JSON.stringify(obj)将类型转换为字符串
        JSON.parse(_obj);转数组类型
        使用JSON.stringify(obj)和JSON.parse(_obj)深拷贝

闭包有3个特性：
        ①函数嵌套函数
        ②函数内部可以引用函数外部的参数和变量
        ③参数和变量不会被垃圾回收机制回收

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

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环境