JavaScript如何使得类数组也可以拥有Array的push、splice方法？

最近发现了一个很有趣的现象，可以为类数组增加push、splice方法。

我们知道一个基本事实：数组的push、splice、reverse都是通过构造函数扩展原型对象的方法得来的，因此数组方法内部的this指向的是arr数组对象，操作的也是arr的对象。

那么如何使得push、splice方法也可以操作类数组呢？就是通过改变push、splice方法内部的this指向，从而去操作类数组。

比如，此处的o对象就是个类数组对象，跟getElementByTagName获得是一个类数组对象是一样的，类数组只有length属性和偏移量获取元素两个要点。但是没有splice、push等真正数组才有的的方法。

var o = {
  0: 10,
  1: 20,
  2: 30,
  length: 3
};
Array.prototype.push.call(o,50); 
console.log(o);

解释：我们通过call方法改变push的this指向为o对象，从而实现了类数组拥有了真正数组才有的push方法。

类似的，也可以为类数组实现splice方法：

var o = {
  0: 10,
  1: 20,
  2: 30,
  length: 3
};
Array.prototype.splice.call(o,1,0,'hello');
console.log(o);

解释：我们通过call方法改变splice的this指向为o对象，从而实现了类数组拥有了真正数组才有的splice方法。

素材来源：拉勾教育大前端训练营，JavaScript高级程序设计。希望整理的知识笔记对大家JavaScript进阶有所帮助，也诚恳希望大家批评指正。