前端周记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几种不同的使用场景

作为构造函数执行

作为对象属性执行

作为普通函数执行(window)

call、apply、bind