细说 JavaScript

1. new 操作符

执行 var obj = new Base(); 时相当于做了以下三件事：

var obj = {};
obj.__proto__ = Base.prototype;
Base.call(obj);

2. 原型和原型链

1. 构造函数、实例和原型对象的区别

• 实例就是通过构造函数创建的（new）。实例一创造出来就具有 constructor 属性（指向构造函数）和 __ptoto__ 属性（指向原型对象）；
• 构造函数中有一个 prototype 属性，这个属性是一个指针，指向它的原型对象；
• 原型对象内部也有一个指针（ constructor 属性）指向构造函数，所以：Person.prototype.constructor === Person; // true
• 实例可以访问原型对象上定义的属性和方法。

2. __ptoto__ 属性

• __ptoto__ 属性（IE 浏览器不支持）是实例指向原型对象的一个指针，它的作用就是指向构造函数的原型属性 constructor，通过这两个属性，就可以访问原型里的属性和方法了。
• Javascript 中的对象实例本质上是由一系列的属性组成的，在这些属性中，有一个内部的不可见的特殊属性 __ptoto__，该属性的值指向该对象实例的原型，一个对象实例只拥有一个唯一的原型。

3. __proto__ 属性和 prototype 属性的区别

• prototype 是 function 对象中专有的属性。
• __proto__ 是普通对象的隐式属性，在 new 的时候，会指向 prototype 所指的对象；
• __ptoto__ 实际上是某个实体对象的属性，而 prototype 则是属于构造函数的属性。__ptoto__ 只能在学习或调试的环境下使用。

4. 原型模式的执行流程

• 先查找构造函数实例里的属性或方法，如果有，就立即返回。
• 如果构造函数的实例没有，就去它的原型对象里找，如果有，就立即返回

总结：

• 构造函数.prototype = 原型对象
• 原型对象.constructor = 构造函数(模板)
• 原型对象.isPrototypeof(实例对象) = 判断实例对象的原型是不是当前对象

5. 工厂模式 VS 构造函数

• 工厂模式解决了实例化对象大量重复的问题，但还有一个问题，那就是根本无法搞清楚他们到底是哪个对象的实例。
• 使用构造函数的方法，既解决了重复实例化的问题，又解决了对象识别的问题。

使用构造函数的方法和工厂模式的不同之处在于：

• 构造函数方法没有显示的创建对象(new Object());
• 直接将属性和方法赋值给 this 对象；
• 没有 return 语句

3. 闭包

1. 定义

闭包是指有权访问另一个函数作用域中的变量的函数；创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。

2. javascript 的垃圾回收原理

• 在 javascript 中，如果一个对象不再被引用，那么这个对象就会被 GC 回收；
• 如果两个对象互相引用，而不再被第 3 者所引用，那么这两个互相引用的对象也会被回收。

2. 优缺点

优点：

1. 让一个变量长期驻扎在内存中，局部变量的累加。

function outer() {
  var x = 10;
  return function() {
    // 函数嵌套函数
    x++;
    console.log(x);
  };
}
var y = outer(); // 外部函数赋给变量 y
y(); // y 函数调用一次，结果为 11，相当于 outer()()
y(); // y 函数调用第二次，结果为 12，实现了累加

1. 模块化代码，减少全局变量的污染。

var abc = (function() {
  // abc 为外部匿名函数的返回值
  var a = 1;
  return function() {
    a++;
    console.log(a);
  };
})();
abc(); // 2 ；调用一次 abc 函数，其实是调用里面内部函数的返回值
abc(); // 3

1. 私有成员的存在。

var aaa = (function() {
  var a = 1;
  function bbb() {
    a++;
    console.log(a);
  }
  function ccc() {
    a++;
    console.log(a);
  }
  return {
    b: bbb,
    c: ccc
  };
})();
aaa.b(); // 2
aaa.c(); // 3

缺点：

• 闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。
• 过度使用闭包会导致性能的下降。函数里放匿名函数，则产生了闭包。
• 内存泄露问题，由于 IE 的 JS 对象和 DOM 对象使用不同的垃圾收集方法，因此闭包在 IE 中会导致内存泄露问题，也就是无法销毁驻留在内存中的元素。

function closure() {
  var oDiv = document.getElementById('oDiv'); // oDiv 用完之后一直驻留在内存中
  oDiv.onclick = function() {
    alert(oDiv.innerHTML); // 这里用 oDiv 导致内存泄露
  };
}
closure();

// 最后应将 oDiv 解除引用来避免内存泄露
function closure() {
  var oDiv = document.getElementById('oDiv');
  var test = oDiv.innerHTML;
  oDiv.onclick = function() {
    alert(test);
  };
  oDiv = null;
}