一.闭包
前言.
本期我们主要围绕“闭包”这个东西来讲
1.概括
一个函数里面嵌套另外一个函数。嵌套(内部)函数对其容器(外部)函数是私有的。它自身也形成了一个闭包。一个闭包是一个可以自己拥有独立的环境与变量的的表达式(通常是函数,因为ES6有了块级作用域的概念)。闭包是指有权访问另一个函数作用域中的变量的函数。
2.好处
①保护函数内的变量安全 ,实现封装,防止变量流入其他环境发生命名冲突
②在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)
③匿名自执行函数可以减少内存消耗
3.坏处
①其中一点上面已经有体现了,就是被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏,解决方法是可以在使用完变量后手动为它赋值为null;
②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响
4.作用
可以在函数的外部访问到函数内部的局部变量。
让这些变量始终保存在内存中,不会随着函数的结束而自动销毁。
5.案例
console.log('closure');
function add() {
var count = 0;
return function() {
count += 1;
return count;
};
}
var a = add();
function fun() {
alert(a());
}
fun();
fun();
二.单线程
.概括
1.首先是历史原因,在创建 javascript 这门语言时,多进程多线程的架构并不流行,硬件支持并不好。
2.其次是因为多线程的复杂性,多线程操作需要加锁,编码的复杂性会增高。
3.而且,如果同时操作 DOM ,在多线程不加锁的情况下,最终会导致 DOM 渲染的结果不可预期
三.同异步任务, 宏任务 微任务
1.同异步任务
1.同步任务:在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务
2.异步:不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行
2.同异步特性
1.JS任务 分为同步任务(synchronous)和异步任务(asynchronous)
2.同步任务都在 JS引擎线程(主线程) 上执行,形成一个执行栈(call stack)
3.事件触发线程 管理一个 任务队列(Task Queue)
4.异步任务 触发条件达成,将 回调事件 放到任务队列(Task Queue)中
5.执行栈中所有同步任务执行完毕,此时JS引擎线程空闲,系统会读取任务队列,将可运行的异步任务回调事件添加到执行栈中,开始执行
3. 宏任务 微任务
1.分类
宏任务有哪些:script(整体代码), setTimeout, setInterval,
微任务有哪些:process.nextTick,Promise
2.同异步特性
特性:
1.宏任务和微任务的任务队列都可以有多个
2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件,
然后再去宏任务队列中取出一个事件。同一次事件循环中,
微任务永远在宏任务之前执行。
3.环境
不同的运行环境 循环策略可能有不同,这里探讨chrome、node环境
setTimeout(()=>{
console.log(1)
},100)
setTimeout(()=>{
console.log(2)
},100)
console.log(7)
setTimeout(()=>{
console.log(8)
},50)