比如上面这种情况，如果我们想要在执行 arr 的 push 等方法，因为 push 是数组类型数据从 Array.prototype.push 继承过来的，所以我们一般情况下有两种实现方式。
（1）修改 Array.prototype
Array.prototype.push = function () { console.log(1); } ([]).push(); // 1
这里我们修改了 Array.prototype 上的 push 方法，但是实际上，整个 prototype 属性都可以被重写，如 Array.prototype = xxx，这样做的好处很明显，在这一处进行修改，之后所有的数组类型都可以直接使用这个重写后的方法，实现和使用都非常简单；但是这样带来的副作用也特别明显，容易影响到其它的代码，其它使用这段代码的地方，除了功能实现上可能受到影响外，效率上也会有较大影响，原生 js 的代码都是经过特殊优化的，我们重写实现，效率肯定会受到影响，最重要的是，如果大家的代码在同一个环境下运行，然后都尝试重写同一个方法的话，最终结果不言而喻。
（2）增加自有方法
var arr = []; arr.push = function () { console.log(1); } arr.push(); // 1 Array.prototype.push.toString(); // "function push() { [native code] }"
这里修改了 arr 的 push 方法， 但是并不涉及 Array.prototype.push，因为读写一个对象的属性/方法的时候，js 总是先尝试访问 “ownproperty”，也就是 “hasOwnProperty” 所检测的内容，这里我们姑且将其称为“自有属性（方法）”。读取数据的时候，如果没有读取到内容，那么 js 会尝试向上搜索 __proto__ 上的数据；写数据的时候，如果有这个自有属性，则会将其覆盖，如果没有，则将其作为自有属性添加到改对象上，而不会尝试将其添加到 __proto__ 上，这样的规则，也是为了防止“子类”以外修改“父类”的属性、方法等。这种实现方式虽然可以避免上面修改 Array.prototype 的一系列缺点，但是它的问题就更加明显，因为每次创建这样一个“数组”，就要重新实现/绑定这样一系列方法，它所带来的开发效率、性能问题不容小觑。
（3）vue 的实现方式
var arr = []; new Vue({ data: { arr: arr } }); arr.push.toString(); // "function mutator() {var arguments$1 = arguments;... 这是 vue 自己的实现 Array.prototype.push.toString(); // "function push() { [native code] }"... 这是浏览器原生的实现 arr.hasOwnProperty('push'); // false 说明不是自有属性
以上说明 vue 既不是修改了 Array.prototype.push，又不是修改了自有属性。但我们通过 instanceof 操作符检查的时候，arr 又是 Array 的一个实例,那么它到底是怎么弄的实现的呢？或者说 vue 的 push 藏在哪儿呢？
var base = []; var arr = []; base.push = function () { console.log(1); }; arr.__proto__ = base; arr.push(); // 1 arr.__proto__.push(); // 1 arr.__proto__.push.toString(); // "function push() { [native code] }"
实际上，vue 是利用了类似上面的方式，先创建了一个 Array 的实例，也就是一个数组类型的基础对象 base，然后为它添加了一个自有方法 push，最后用 base 覆盖了需要扩展的 arr 对象的 __proto__ 属性。
这里需要重写 push 等方法的数组，我们只需要将其 __proto__ 指向 base 数组，在读新创建的数组的 push 的时候，发现它并没有这样一个自有方法，那么它就尝试读 __proto__ 上的方法，发现 __proto__ 属性（也即 base 数组）上有这样一个自有方法，那么它就不必再向上搜索而直接使用 base.push。
通过这种方式，我们不必为每一个数组重写一遍 push 方法，也不必去修改 Array.prototype ，看起来倒像是一个两全其美的方法。