前端周记20190211-20190215

一、静态公有方法

(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在私有做用域中在原型上挂载了一个公有方法，能够访问私有做用域中的变量。
思考：原型上的函数的做用域含有被添加时的做用域。
二、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异步回调方式进行调用
五、说明this几种不一样的使用场景
做为构造函数执行：指向new生成的对象
做为对象属性执行：指向调用的对象
做为普通函数执行：指向调用的对象
做为回调函数执行：指向调用时的上下文
settimeout和setInterval：指向调用时的上下文即window
闭包：指向当前函数
箭头函数：指向定义时的上下文
call、apply、bind