javascript - vue中的数组，没法获取我添加在数组prototype上的方法。

问题描述

问 题

我在Array.prototype上添加了一个自定义的查询方法，

Array.prototype.getIndexByMsg = function(judgeFun) {
    for(var i = 0, len = this.length; i < len; i++) {
        if(judgeFun(this[i])) {
            return i;
        }
    }
    return -1;
}

然后，在vue中，res定义为一个数组，res:[]，然后，里面存放的是object对象，然后，我在调用我的自定义方法的时候，报错提示：Uncaught TypeError: Property 'getIndexByMsg' of object [object Object],[object Object],[object Object],[object Object] is not a function；
这让我很奇怪了，vue中的数组对象，我用typeof显示的是object?
我该怎么改，才能让vue中的数组能够识别到我自定义的方法呢?

我尝试换一个简单的测试，但是结果还是一样的。

Array.prototype.testQ = function(){
                console.log(this[0]);}
    var testAry = [1,2,3,4];
    testAry.testQ();

能正常打印1，我再试一下放在vue中使用。

created: function() {
    console.log(this.res instanceof Array);
    this.res.testQ();},

显示instanceof显示的是true，但是，testQ则报错，TypeError: Object has no method 'testQ';

解决方案

1. 你的这个值肯定被改掉了，我经常在vue中扩展原生方法的，没有任何问题。
2. 对数组使用typeof得到的结果肯定是object，这和有没有vue没啥关系。
3. 你只给了你这个函数的定义，把你调用这个函数的代码一并放出来啊，不然大家怎么知道你是不是调用出了问题。

这篇关于javascript - vue中的数组，没法获取我添加在数组prototype上的方法。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！