本文探讨了JavaScript中this指向的问题，特别是在回调函数中的常见困扰。作者通过示例展示了在getList()方法中，使用常规函数导致this失去正确指向，从而提出了解决方案——使用箭头函数来保持this的正确绑定。通过这种方式，可以确保在success回调中，this始终指向期望的对象，避免了数据更新的错误。
核心：就时this指向的问题，这种情况下最好打印出this看一下
可以在页面渲染出那个数组
{{listData}}
就会看见神奇的事情，竟然时空的
解决方案：
getList () {
let _this=this
let params={
currentPage:_this.currentPage,
pageSize:_this.pageSize,
}
_this.ajax({
type: "post",
data: params,
url: "/author/fans/fansTimeList",
success (res) {
_this.listData=res.responseBody.data
console.log(_this.listData,‘数据打印‘)
console.log(_this,‘数据打印‘)
}
最好的解决方案时用箭头函数。已改成箭头函数
getList () {
let params={
currentPage:this.currentPage,
pageSize:this.pageSize,
}
this.ajax({
type: "post",
data: params,
url: "/author/fans/fansTimeList",
success: (res)=> {
this.listData=res.responseBody.data
console.log(this.listData,‘数据打印‘)
console.log(this,‘数据打印‘)
}
});
},
扫一扫
2580
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
