个性化阅读
专注于IT技术分析

JS中基本类型和引用类型的值与JS中的内存问题

一、基本类型和引用类型的值

JavaScript基本数据类型和引用类型

什么是基本类型什么引用类型?我们知道JS的数据类型有6种,而基本类型值就是Undefined、Null、Boolean、Number 和 String。而引用类型值指的就是对象。可以理解为基本类型的值就是简单的字符串和数值,这个值是放在栈中;而引用类型的值是一个对象的或者是对象的属性,这个值是放在堆中。

所以接下来就很好理解了,当赋值一个基本类型的值时,实际是把值复制到了新的变量对象上了,内存实实在在的增加了。而引用类型的值得复制只是复制了指向值得指针,并不像基本类型那样复制值,所以内存是没有增加的。

另外可以使用关键字【instranceof】来检测变量对象的类型,这里的类型指的是引用类型还是基本类型。

下图可以帮助理解:

基本数据类型的占内存分析
引用类型的栈内存分析

实例:

var i = 5;
var j = i; // 新建一个j变量对象,并把i的值复制给j
console.log(j) // 5 
var obj = new Object(); // 创建变量对象
var obj2 = obj; // 和obj的变量对象的值相等
obj.name = 'Luara'; // 设置obj对象的值的属性
console.log(obj2.name) // Luara 结果发现obj2的值也具有这个属性,所以复制的只是指针,而不是值

console.log(j instanceof Object); // flase
console.log(obj2 instanceof Object); // true

二、执行环境及作用域

执行环境在JS中有着及其重要的地位,每个函数和对象都有它自己的执行环境,超出这个环境就不能再被使用或者访问到。一个变量只在一个执行环境中起作用,这个环境称为作用域。执行环境和作用域其实要结合起来看,例如下面的例子,变量color是全局作用域中,执行环境是window,但是在函数changeColor()中color是全局对象中的color,所以最后输出的结果是【red】,这个其实是JS中的作用域链,在函数内部没找到color,就会往上一级寻找color变量。同理,就算相互镶嵌多几个函数作用域也是一样的用法。

例如:

var color = 'blue';
function changeColor(){
if(color === 'blue'){
color = 'red'; // 去上一级(全局中)查找color,所以改变的是全局中color的值
}
else{
color = 'blue'
}
}
changeColor();
console.log(color); // red 

另外,要特别说明一点就是JS是没有块级作用域的,我们知道用{ }起来的代码块具有整体性,比如一个函数,在函数里面的变量具有局部作用域,但是如果一个if或者是一个for也是用{ }起来,那里面的变量是否具有布局作用域?答案是否定的,在全局作用域中也能访问到。如下是个典型的例子,其实setTimeout是在外部访问变量i。

例如:

for(var i = 0; i < 5; i++){
setTimeout(function(){
console.log(i) // 5次输出5
},0)
}
// 这是个典型的例子,其中包含了定时器,把定时器放在for里面,执行了5次
// 把上面的例子写成:
for(var i = 0; i < 5; i++){
}
setTimeout(function(){
console.log(i) // 5
},0)

三、垃圾收集

关于JS中的垃圾收集,其实我们不必要担心,只要我们不要定义太多的变量在全局作用域中就好,因为定义在函数中的变量,一旦函数执行完毕,也会自动释放变量腾出内存空间来。如果实在没办法,要手动清理,我们可以在使用完变量之后手动设置‘null’值就可以了。关于JS的垃圾收集机制,一般是在浏览器上完成,所以每个浏览器会不同。

赞(0) 打赏
未经允许不得转载:srcmini » JS中基本类型和引用类型的值与JS中的内存问题
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏