javascript - Javascript Array Push代码在内部是如何工作的

Question

javascript 中 Push 和 Pop 方法的内部代码逻辑是什么？？ Push 方法如何将值存储到数组中。

Answer 1

push 和 pop 方法是有意通用的，它们只依赖于 length 属性的存在，并且它们可以添加和删除属性。

push 方法将读取length 属性，添加具有该名称的属性，并增加长度。基本上:

function push(value) {
  var len = this.length;
  this[len] = value;
  len++;
  this.length = len;
  return len;
}

pop 方法将读取 length 属性，减少它，获取具有该名称的属性并删除该属性。基本上:

function pop() {
  var len = this.length - 1;
  var value = this[len];
  this.length = len;
  delete this[len];
  return value;
}

实际的实现有点复杂，因为它们支持例如 push 方法的多个参数，以及更多的错误检查。当对象实际上是一个数组时，也可能会实现特殊的优化代码，但其他对象的通用代码仍然存在。

这些方法是有意通用的，这样它们就可以用在实际上不是数组的对象上。您可以通过具有 length 属性来创建支持它们的自己的对象:

var o = {
  length: 0,
  push: Array.prototype.push,
  pop: Array.prototype.pop
};

o.push(1);
var one = o.pop();

演示:http://jsfiddle.net/Guffa/9r4gavzb/