JavaScript 变量、作用域及内存

JS变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已;
由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变;

一 变量及作用域
1.基本类型和引用类型

// JS变量包含两种不同的数据类型的值:基本类型值和引用类型值;

// 1.基本类型值:保存在栈内存中的简单数据段;即这种值完全保存在内存中的一个位置;
// 基本类型值包含:Undefined|Null|Boolean|Number|String;
// 这些类型在内存中占有固定大小的空间;它们的值保存在栈空间,我们按值来访问;

// 2.引用类型值:保存在堆内存中的对象(可能由多个值构成),即变量中保存的实际上只是一个指针,这个指针指向内存中的另一个位置,该位置保存对象;
// 引用类型的值的大小不固定,因此不能保存在栈内存,必须保存在堆内存中;但可以将引用类型的值的内存地址保存在栈内存中;
// 当查询引用类型的变量时,先从栈内存中读取内存地址,然后通过地址找到堆内存中的值;=>按引用访问;

2.动态属性

// 定义基本类型值和引用类型值的方式相似:创建一个变量并为该变量赋值;// 但当这个值保存到变量中以后,对不同类型值可以执行的操作则不一样;  var box = new Object();           // 创建引用类型;  box.name = 'lee';              // 新增一个属性;  console.log(box.name);           // =>lee;  var box = 'lee';              // 创建基本类型  box.age = 15;                // 给基本类型添加属性;  console.log(box.age);            // =>undefined;

3.复制变量值

// 在变量复制方面,基本类型和引用类型也有所不同;// 基本类型赋值的是值本身;  var box = 'lee';              // 在栈内存中生成一个box'lee';  var box2 = box;               // 在栈内存中再生成一个box2'lee';  // box和box2完全独立;两个变量分别操作时互不影响;// 引用类型赋值的是地址;  var box = new Object();          // 创建一个引用类型;box在栈内存中;而Object在堆内存中;  box.name = 'lee';             // 新增一个属性;  var box2 = box;              // 把引用地址赋值给box2;box2在栈内存中;  // box2=box,因为它们指向的是同一个对象;  // 如果这个对象中的name属性被修改了,box.name和box2.name输出的值都会被修改掉;

4.传递参数

// JS中所有函数的参数都是按值传递的,即参数不会按引用传递;  function box(num){             // 按值传递,传递的参数是基本类型;    num +=10;               // 这里的num是局部变量,全局无效;    return num;  }  var num = 50;  var result = box(num);  console.log(result);           // 60;  console.log(num);             // 50;  function box(num){    return num;  }  console.log(num);             // num is not defined;  function box(obj){    obj.name = 'lee';    var obj = new Object();       // 函数内部又创建了一个对象,它是局部变量;但在函数结束时被销毁了;    obj.name = 'Mr';           // 并没有替换掉原来的obj;  }  var p = new Object();  box(p);                 // 变量p被传递到box()函数中之后就被复制给了obj;在函数内部,obj和p访问的是同一个对象;  console.log(p.name);           // =>lee;  // JS函数的参数都将是局部变量;也就是说,没有按引用传递;