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'”;

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

不要在Array.prototype上拓展方法,你这是在写bug。

typeof 一个数组本来就是返回的object

clipboard.png

我刚才试了一下是可以打印的 你看下是不是你的数据出了什么问题

你可以把这个方法在全局中注册,还有个问题,数组本身就是object,不是因为在vue中

你用instanceof来查看是否是数据 。typeof 数组 就是得到的object

vue上面的pop等等的方法都是封装在自身上方法,并不是js原生的方法

问题找到了,之前自定义方法是写在vue外面的时候,不能使用。但是prototype的自定义方法写在created里面就可以正常使用了。
这有让我有了一个新问题。。为什么写在created里面有用,写外面没用呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题