变量提升 和闭包作用域
当浏览器开辟出供代码执行的栈内存的时候,代码并没有自上而下的执行 而是把当前的作用域中所有带var/function关键字的进行了提前的声明和定义.
1.带var和不带var的区别
在全局作用域下的区别 :
不带var的相当于给全局对象window设置了一个属性a
a = 13 ;
consle.log(a); //=> window.a
带var的: 是在全局作用域下声明了一个全局变量b ,但是在全局下声明的变量也同样相当于给window增加了一个对应的属性(只有全局作用域具备这个特点)
var b = 14 ; // 创建变量b & 给window设置了属性b
console.log(b); //=>14
console.log (window.b); //=>14
闭包作用域
- 创建函数
开辟一个堆内存
把函数中的代码当做字符串存储进去
把堆内存的地址赋值给函数名/变量名 **函数在哪创建,那么他执行时所需要查找的上级作用域就是谁
- 函数执行
函数执行过程中会形成一个全新的私有作用域,执行上下文,私有栈内存( 执行一次形成一个, 多个之间也不会产生影响)
形参赋值 & 变量提升
代码执行
私有变量和外界的变量没有必然联系,可以理解为被私有栈内存保护起来了,这种机制其实就是闭包保护机制
关于对内存的释放问题 (以谷歌webkit内核为例子)
函数执行就会产生栈内存 (从内存中分配一快空间) , 如果内存都不销毁,很容易导致内存溢出(电脑就很容易卡死),因此,堆内存的释放问题是学习js的核心知识之一
堆内存释放问题
/=>创建一个引用类型值,就会产生一个堆内存
//如果当前创建的堆内存不被其它东西所占用了(浏览器会在空闲的时候,查找每一个内存的引用状况,不被占用的都会给回收释放掉),则会释放
let obj = {
name : 'zhufeng'
};
let oop = obj;
//此时obj和oop都占用着对象的堆内存,想要释放堆内存,需要手动解除变量和值的关联(null:空对象指针)
obj = null;
oop = null;
栈内存释放问题
//=>打开浏览器形成的全局作用域是栈内存
//=>手动执行函数形成的私有作用域是栈内存
//=>基于ES6中的let/const形成的块作用域也是栈内存
//=>....
/*
* 全局栈内存:关掉页面的时候才会销毁
* 私有栈内存:
* 1.一般情况下,函数只要执行完成,形成的私有栈内存就会被销毁释放掉(排除出现无限极递归、出现死循环的模式)
* 2.但是一旦栈内存中的某个东西(一般都是堆地址)被私有作用域以外的事物给占用了,则当前私有栈内存不能立即被释放销毁(特点:私有作用域中的私有变量等信息也保留下来了) =>市面上认为的闭包:函数执行形成不能被释放的私有栈内存,这样的才是闭包
*/
function fn(){
//...
}
fn(); //=>函数执行形成栈内存,执行完成栈内存销毁
function X(){
return function(){
//...
}
}
let f=X(); //=>f占用了X执行形成的栈内存中的一个东西(返回小函数对应的堆),则X执行形成的栈内存不能被释放了
。第一次写博客,想整理一下自己的笔记,各方面可能存在问题,希望可以多多指正