首页 > 代码库 > 变量、作用域和内存问题
变量、作用域和内存问题
//JavaScript高级程序设计读书笔记
1,基本类型和引用类型的值
基本类型值:简单的数据段。有5种基本数据类型,Undefined,Null,Boolean,Number和String;它们的值保存在栈内存。基本类型是按值访问的,所以我们操作的是保存在变量中的实际值。
引用类型值:JavaScript不能直接操作对象的内存空间,实际上是操作对象的引用,而不是实际的对象。引用类型的值是按引用访问的。查询引用类型的变量时,先从栈内存读取内存地址,然后根据地址找到堆内存中的值。
1.1 动态的属性
引用类型值的属性和方法可以修改:
var persion = new Object();
persion.name="Nicholas";
alert(persion.name); //"Nicholas"
基本类型值不能添加属性和方法:
var name ="Nicholas";
name.age=27;
alert(name.age); //undefined
1.2 复制变量值
基本类型:一个变量向另一个变量复制,会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上,两个变量互不影响。
引用类型:同样会将存储在栈中的值复制一份到为新变量分配的空间中。不同的是这个值实际上就是一个指针,指针指向的是堆内存中的一个对象,两个变量实际上指的是同一个对象,改变其中的一个变量就会影响另一个。
1.3 传递参数
JS中所有函数的参数都是按照值传递的。
//基本类型是按值传递的。
function add(num){
num +=10;
return num;
}
var count = 20;
var result = add(count);
alert(count); //20没有变化
alert(result); // 30
//引用类型也是按值传递的,这个值是对象在内存中的地址值。
function setName(obj){
obj.name="Bob";
obj = new Object(); //重新定义了一个对象,obj的值改变,obj指向一个新的对象。
obj.name = "Greg"; //为该对象定义了一个不同值得name属性。此时和persion不是
同一个对象
}
var persion = new Object();
setName(persion); //persion和obj指向同一个对象,
alert(persion.name); // "Bob"
1.4 检测类型
typeof 操作符,确定一个变量是string,number,boolan,还是undefined。如果是对象或者null返回object;如果是函数返回function。
var s = "Hellow World";
console.log(typeof s); //string
instanceof操作符,确定一个变量是什么类型的对象。如果检测基本类型值,返回false
var arr =[1,2,3];
console.log(arr instanceof Array);//true
2,执行环境及作用域
执行环境定义了变量或函数有权访问的其他数据。每个环境都有与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。//全局环境被认为是window对象,所有的全局变量和函数都作为window对象的属性和方法创建的。
// 函数的环境在函数执行之后,栈将其环境弹出,
内部环境可以通过作用域链访问所有的外部环境,但外部环境不能访问内部环境中的任何变量和函数。每个环境都可以向上搜索作用域链,任何环境都不能向下搜索作用域链而进入另一个执行环境。
2.1 延长作用域链
//try-catch 语句 和 with 语句,这两个语句都会在作用域链的前端添加一个变量对象。使作用域链得到加长。with语句将指定对象添加到作用域链中,catch会创建一个新的变量对象。
function buildUrl() {
var qs = "?debug=true";
with(location) { //with将location对象放添加到作用域链中,
//当前环境可以访问location中的变量和方法
var url = href + qs;
}
return url;
}
console.log(buildUrl());
2.2 没有块级作用域
if (true) {//if语句中的变量声明会将变量添加到当前的执行环境
var color = "blue";
}
console.log(color); //"blue"
for (var i =0; i< 10 ; i++) {
var s = i; //即使for循环结束后,也依旧会存在于循环外部的执行环境中。
}
console.log("s的值为"+s); //s的值为9
console.log("i的值为"+i);//i的值为10
function add(num1,num2) {
var sum = num1+num2;
return sum;
}
var result = add(10,20); //30
console.log(sum); //由于sum不是有效变量,会报错。sum is not defined
//初始化赋值时没有使用var关键字,会将变量添加到全局环境中
function add1(sum1, sum2) {
he = sum1 + sum2;//初始化时没有使用var关键字,he成为全局变量。
return he;//在严格模式下,初始化未经声明的变量会导致错误。
//不声明而直接初始化也可能导致意外,一定要先声明在使用。
}
var result1 = add1(10, 20);//30
console.log(he); //30
3,垃圾收集
js有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存。原理:找到不再继续使用的变量,然后释放其占用的内存。垃圾收集器会按照固定的时间间隔,周期性的执行这一操作。
标记清除:垃圾收集器在运行的时候会给存储在内存中的每个变量都加上标记,然后去掉环境中的变量和被环境中变量引用的变量的标记,销毁那些仍带有标记的值并回收他们所占用的内存空间。
引用计数:跟踪记录每个值被引用的次数。垃圾收集器运行时会释放那些引用次数为0的值所占用的内存。
4,管理内存
确保占用最少的内存可以让页面获得更好的性能,而优化内存占用的最佳方式,就是为执行中的代码只保存必要的数据。一旦数据不再有用,最好通过将其值设置为null来释放其引用。解除引用这一做法适用于大多数全局变量和全局对象的属性。局部变量会在他们离开执行环境时被自动解除引用。
function createPerson(name) {
var localPerson = new Object();
localPerson.name=name;
return localPerson;
}
var globalPerson =createPerson("Bob");
//手动解除globalPerson的引用
globalPerson=null;
变量、作用域和内存问题