前端周记20190211-20190215

1、静态公有方法

(function(){
    var privateVariable=10;
    function privateFunction(){
        return false;
    }
    MyObject=function(){}
    MyObject.prototype.publicMethod=function(){
        privateVariable++;
        return this;
    }
})();
var a=new MyObject();
console.log(a.publicMethod());

MyObject在私有作用域中在原型上挂载了一个公有方法，可以访问私有作用域中的变量。
思考：原型上的函数的作用域含有被添加时的作用域。
2、js运行机制（Event Loop）
分为主线程和任务队列，主线程为空时，会读取任务队列中的事件（代码）。
任务队列是一个事件队列，只要指定过回调函数的事件在事件发生时就会进入任务队列。
回调函数：会被主线程挂起来的代码，异步任务必须指定回调函数。
settimeout和setInterval是到设置的事件后才触发回调函数，也就是添加到任务队列中。这里设置的时间是相对于在下一轮事件循环开始时的时间的间隔。这个时间是js执行到settimeout这个语句开始计算。h5中对时间标准化，最小4ms，不足则补齐
通过阅读Promise/A+规范，可以得知异步的实现可分为两个机制，分别是macro-task和micro-task。
Macrotasks包括: script（整体代码）、setTimeout, setInterval, setImmediate, I/O, UI Rendering；
Microtasks包括: process.nextTick, Promise, Object.observe, MutationObserver。
Macrotasks、Microtasks执行机制：
1.主线程执行完后会先到micro-task队列中读取可执行任务
2.主线程执行micro-task任务
3.主线程到macro-task任务队列中读取可执行任务
4.主线程执行macro-task任务
5....转到Step 1
这里注意的是，UI Rendering是在micro-task之后执行，需要在UI渲染之前执行的逻辑，一般采用micro-task异步回调方式进行调用
5、说明this几种不同的使用场景
作为构造函数执行：指向new生成的对象
作为对象属性执行：指向调用的对象
作为普通函数执行：指向调用的对象
作为回调函数执行：指向调用时的上下文
settimeout和setInterval：指向调用时的上下文即window
闭包：指向当前函数
箭头函数：指向定义时的上下文
call、apply、bind