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

发布于 2022-09-05 09:45:33 字数 1014 浏览 21 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

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

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

初心 2022-09-12 09:45:33

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

clipboard.png

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

欢烬 2022-09-12 09:45:33

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

箹锭⒈辈孓 2022-09-12 09:45:33

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

一袭水袖舞倾城 2022-09-12 09:45:33

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

逆夏时光 2022-09-12 09:45:33

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文