前端周记20190211-20190215

51次阅读

共计 1028 个字符,预计需要花费 3 分钟才能阅读完成。

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

正文完
 0