JavaScript高级程序设计笔记记录（四）变量、作用域和内存

第四章 变量、作用域和内存

• 基本类型和引用类型的值

1.首先我们知道基本类型和引用类型的区别，在第3章中我们知道在JavaScript中的五大基本数据类型是Undefined、Null、Boolean、String、Number。（es6中新增Symbol）而引用类型的值是保存在内存中的对象。在操作对象的时候，是操作对象的引用而不是操作实际的对象。这里要注意的是，像在Java中，String类型是以对象的形式来表示，但是ECMAScript中不是。

2.引用类型需要了解的就是，对于对象的引用，当new一个对象以后对象是存放在堆内存中。当结果赋值给新对象，只是对堆内存里的对象产生了一个新的指针，来连接新的对象。

var obj1 = new Object(); 
var obj2 = obj1; 
obj1.name = "Nicholas"; 
alert(obj2.name); //"Nicholas" 

比如如上： obj1赋值给obj2的过程表明产生了两个对象指针指向堆内存里的Object，而本身他们所处的内存空间是不相互影响。

3.对于引用类型和基本类型的作用域我们可以看到区别：

基本类型

function addTen(num) { 
 num += 10; 
 return num; 
} 
var count = 20; 
var result = addTen(count); 
alert(count); //20，没有变化
alert(result); //30 

引用类型

function setName(obj) { 
 obj.name = "Nicholas"; 
} 
var person = new Object(); 
setName(person); 
alert(person.name); //"Nicholas" 

这里我们看到，当参数是基本类型的时候，函数调用后，参数num的值被加上10，尽管num 和count的值相同，但他们不认识，不会因为其中一个的变化而改变。

而引用类型中，obj和person引用的是同一个对象，也就是他们都有一把小指正指到同一个对象上，我改的也是你指的它。所以内部的.name的赋值会影响到外部的person变量。这个时候可能会有误区：对象是按引用类型传递

对象是按值传递的

如果对象是引用类型传递的话，在函数内部我们将引用进来的对象进行新的地址的更改，它就会跟着改变。

但是，下面的代码可以看到，不能通过一个新的对象的引用进行更改。所以，在原有基础上的更改还是基于值的传递。

function setName(obj) { 
 obj.name = "Nicholas"; 
 obj = new Object(); 
 obj.name = "Greg"; 
} 
var person = new Object(); 
setName(person); 
alert(person.name); //"Nicholas" 

---

• 执行环境及作用域

内部可访问外部的变量，但外部不能访问内部的变量。

如下：

var color = "blue"; 
function changeColor(){ 
  var anotherColor = "red"; 
  function swapColors(){ 
  var tempColor = anotherColor; 
  anotherColor = color; 
  color = tempColor; 
  
  // 这里可以访问 color、anotherColor 和 tempColor 
  } 
  // 这里可以访问 color 和 anotherColor，但不能访问 tempColor 
  swapColors(); 
} 
// 这里只能访问 color 
changeColor(); 

解释就是：内部环境可以通过作用域链访问外部环境，外部环境不能访问内部环境中的任何变量和函数。

关于块级作用域：

JavaScript的块级作用域这里要了解，在if和for循环中，创建的变量不会在执行后销毁，这一特性和C类型的语言不同

如下：

if (true) { 
 var color = "blue"; 
} 
alert(color); //"blue" 


for (var i=0; i < 10; i++){ 
 doSomething(i); 
} 
alert(i); //10 

当全局变量和局部变量存在的时候，优先访问到局部变量

var color = "blue"; 
function getColor(){ 
 var color = "red"; 
 return color; 
} 
alert(getColor()); //"red" 

---

• 垃圾收集

JavaScript具有自动垃圾收集机制。我们在前面几章已经知道，局部变量在函数结束后会被清理，然而不是所有的清理情况都那么好判断，于是有了以下的策略。

1.标记清除。将变量标记为进入环境和离开环境两种。清除离开环境的标记

2.引用计数。不太常用。引用次数随着引用对象的数量增加和减少。但是确会出现循环引用的问题，就是一个圈，死循环。这里补充一个地方就是，IE9以前的BOM和DOM对象不是真正的Js对象。是使用C++以COM对象的形式实现，会出现以上的循环引用问题。

3.给一个数据设置为null可以解除引用。