《Javascript高级程序设计》阅读笔记 ----第4章

基本类型和引用类型

1. 基本类型是简单的数据段，引用类型是可能有多个值组成的对象

2. 基本类型包括：Undefined，null，Boolean，Number，String。这五种类型是按值访问的，因此可以操作保存在变量中的值

3. 引用类型是保存在内存中的对象。JavaScript不允许直接访问内存中的位置，在操作对象时，实际上操作的是对象的引用而不是对象本身

4. 对于引用类型的值，我们可以为其添加或删除属性和方法。但是对于基本类型无法添加属性，尽管不会报错

5. 复制过程

   1. 如果从一个变量向另一个变量复制基本类型的值，会创建一个新值，把该值复制到为新变量分配的位置上。即新旧变量完全独立
   2. 如果复制引用类型，其实复制的是引用对象的指针。新旧变量同时指向存储在堆中的一个对象。即，两个变量实际上引用同一个对象
      

6. 参数传递过程

   1. 所有的函数参数传递过程都是值传递。对于基本类型，传递的值即变量存储的值，对于引用类型，传递的是指针的值。（因为引用类型的变量存储的实际上就是指针）
   2. 在函数内部修改基本类型参数的值，不会反映到外部。
   3. 在函数内部修改引用类型参数的属性，会反映到外部，但这并不意味是按引用传递

   function setName(obj) {
     obj.name = "Nicolas";
     obj = new Object();
     obj.name = "Amy";
   }
   
   var person = new Object();
   setName(person);
   console.log(person.name); //Nicolas
   

7. 检测引用对象类型
   variable instanceof constructor ： 检测某个对象是不是某个类型的实例
   所有引用类型的值都是object的实例

执行环境

众所周知，ES5以函数区块来划分变量环境。内部变量能访问外部变量，但外部变量不能访问内部变量（不考虑闭包），具体是怎么实现的呢？

1. 每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中

2. 全局环境是最外围的一个执行环境。在Web浏览器中，全局执行环境被认为是window对象，因此所有全局变量和函数都作为window对象的属性和方法创建的。

3. 每个函数有自己的执行环境。当执行流进入一个函数时，函数的环境会被推入一个环境栈中。而当函数执行之后，栈将其环境弹出，把控制权交给之前的执行环境。

4. 当代码在一个环境中执行时，会创建变量对象的一个作用域链。作用域链的用途，是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端，始终是当前执行的代码所在环境的变量对象。作用域链的下一个变量对象来自外部环境，一直向外延伸，最后一个对象是全局执行环境的变量对象

5. with可以修改作用域链。在作用域链的前端添加一个变量对象。

   function buildUrl() {
     var qs = "?debug==true";
     with (location) {
       var url = href + qs;
     }
     return url;
   }
   

   with 包含的区块，就以location作为变量对象。其中href指的是location.href，qs访问的则是with外部的qs

6. JS没有块级作用域（环境）。作用域是按函数来划分的。

7. 使用var声明的变量会被添加到最近的函数环境中。（因此上例中return url的url可以被访问到）

垃圾收集

1. 标记清除：常用。给当前不用的值加上标记，然后回收
2. 引用计数：不常用。存在循环引用的问题
3. 如何提高性能，优化内存占用：一旦数据不再有用，最好通过将其值设为null来释放其引用—这个做法叫做解除引用

类型检测

1. typeof 用于基本数据类型的检测
2. instanceof 用于引用数据类型的检测（检查原型链）

关于const

引用类型，包括object，array，都是保存在内存中，变量中存储的实际上是这个对象的引用（指针）
因此就出现了以下问题
const变量可以更改属性？

const yyy = [];
yyy = 10; //错误
yyy.push(1); //成功

原因为：

constant cannot change through reassignment
constant cannot be re-declared
when you’re adding to an array or object you’re not re-assignment or re-declaring the constant, it’s already declared and assigned, you’re just adding to the “list” that the constant points to.

所以以下代码均能正常工作：

const x = {};
x.foo = 'bar';
console.log(x) // {foo: 'bar'}

const y = [];
y.push('foo');
console.log(y); // ['foo']