数组.forEach方法的回调函数this指向问题

最新推荐文章于 2024-07-25 09:29:51 发布

yuxingga

最新推荐文章于 2024-07-25 09:29:51 发布

阅读量2.5k

点赞数

文章标签： vue.js javascript es6

本文链接：https://blog.csdn.net/weixin_46147856/article/details/107369362

版权

数组.forEach的回调函数有两种写法

一、数组.forEach(function(){})

export default {
    props:["versionList"],
    data(){
        return{
           btnArr:[0]
        }
    },
    methods:{
        change(index){
           let str="";
           this.btnArr.forEach(function(item,index){
 /*这里this指向不是当前vue实例 那么versionList就会报错 undefined*/
               str+=this.versionList[item].label;
               console.log(str);
           })
        }
    }
}

二、数组.forEach(()=>{})

**此时this指向为window**

export default {
    props:["versionList"],
    data(){
        return{
           btnArr:[0]
        }
    },
    methods:{
        change(index){
           let str="";
           
           this.btnArr.forEach((item,index)=>{
          /*这里this指向当前vue实例*/
               str+=this.versionList[item].label;
               console.log(str);
           })
        }
    }
}