js 变量提升(1)
// 栈内存:作用域
1.提供一个供js代码自上而下执行的环境(代码都是在栈中执行的)
2.由于基本数据类型比较简单,他们都是直接在栈内存中开辟了一个位置,把值直接存储起来
=》当栈内存被销毁,存储的那些基本值也都被销毁了
// 堆内存:引用值对应的空间
1.存储引用类型值得(对象:键值对 函数:代码字符串)
=》当前堆内存释放被销毁,那么这个引用值彻底没了
=》堆内存得释放:当堆内存没有被任何的变量或者其他东西所占用,浏览器会在空闲的时候,自主的进行内存回收,把所有不被占用的堆内存销毁掉(谷歌浏览器)
=》IE浏览器(计数--内存泄漏)
xxx = null通过空对象指针null可以让原始变量(或者其他东西)谁都不指向,那么原有被占用的堆内存就没有被其他东西占用了,浏览器被销毁它。
### 变量提升
/*
* 变量提升:
* -> 当栈内存(作用域)形成,JS代码自上而下执行之前,浏览器首先会把所有的带“VAR(声明)”/“function(定义)” 关键字的提前“声明”或者“定义”,这种预先处理机制称之为“变量提升”
*
* -> 声明(declare): var a / function sum (默认值undefined)
* -> 定义(defined): a=12 (定义其实就是赋值操作)
*
* 【变量提升阶段】
* =》带“VAR”的只声明未定义
* =》带“FUNCTION”的声明和赋值都完成了
*
* =》 变量提升只发生在当前作用域(例如:开始加载页面的时候只对全局作用域下的进行提升,因为此时的函数中存储的都是字符串而已)
*
* =》 在全局作用域下声明的函数或者变量是“全局变量”,同理,在私有作用域下声明的变量是“私有变量”[带VAR/FUNCTION的才是声明]
*
* =>浏览器很懒,做过的事情不会重复执行第二遍,也就是当代码执行遇到创建函数这部分代码后,直接跳过即可(因为在提升阶段就已经完成函数的赋值操作了)
*
*/
console.log(a); //undefined,说明a已经存在
var a = 12;
function sum(){
var total = null;
for(var i=0;i<arguments.length;i++){
var item = arguments[i];
item=paeseFloat(item);
isNaN(item) ? total+=item:null;
}
return total;
}
console.log(sum(12,23,'34','AA'))
### 带VAR和不加VAR的区别
// => 在全局作用域下声明一个变量,也相当于给WINDOW全局对象设置了一个属性,变量的值就是属性值(私有作用域中声明的私有变量和WINDOW没啥关系)
console.log(a); //=>undefined
console.log(window.a) // => undefined
console.log('a' in window)
// =>TRUE 在变量提升阶段,在全局作用域中声明了一个变量A,此时就已经把A当作属性赋值给window了,只不过此时还没有给A赋值,默认UNDEFINED 。in:检测某个属性是否隶属于这个对象
var a = 12; //=》全局属性修改,window的属性值也跟着修改
console.log(a); // =>window的一个属性名A 12
a = 13;
console.log(window.a); //13
window.a = 14;
console.log(a) //14
// => 全局变量和WINDOW中的属性存在“映射机制”
### in的操作(判断某个对象中是否有某个属性)
var obj = {name:undefined};
obj.name // undefined
obj.age // undefined
console.log('name' in obj) // true
console.log('age' in obj) // false
### 不带VAR
// => 不加VAR的本质是WINDOW的属性,不是变量
console.log(a) // a is not defined
console.log(window.a) //=>undefined
console.log('a' in window) //=> false
a = 12; //=>window.a=12 a=12相等于window.a=12
console.log(a) //=>12
console.log(window.a) //=>12
var a = 12,b = 13;//这样写B是带VAR的
var a = b = 12; //这样写B是不带VAR的
面试题 -- 带VAR和不带VAR的
console.log(a,b) // undefined undefined
var a = 12,
b = 12;
function fn(){
console.log(a,b) //undefined,12
/*
* 私有作用域中daiVAR和不带VAR也有区别
* 私有作用域下带VAR的是私有变量,带VAR的私有作用域变量提升阶段,都声明为私有变量,和外界没有关系
* 不带VAR的不是私有变量,会向它的上级作用域查找,看是否为上级变量,不是,继续向上查找,一直找到window为止(我们把这种查找机制叫做:“作用域链”),也就是我们在私有作用域中操作的这个非私有变量,是一直操作别人的。
*/
var a = b =13; //(b不是私有变量的 /* var a = 13;b = 13; */
console.log(a,b) //13,13
}
fn();
console.log(a,b) // 12,13
面试题 -- 在私有作用域中 b = 13,输出
function fn(){
/*
* 变量提升
*/
console.log(b) //: b is not defined
b = 13;
console.log('b' in window); //=>true 在作用域链中查找的过程中,如果找到window也没有这个变量,相当于给window设置了一个属性B
console.log(b); // =》 13
}
fn();
console.log(b); // =>13