vue js 回调函数异步处理为什么要 let that = this-Toy模板网

这篇具有很好参考价值的文章主要介绍了vue js 回调函数异步处理为什么要 let that = this。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1 异步就是开个事务(只有主线程等主线程空闲),用that 值做处理,然后返回处理结果,而that的值是开启事务那一刻的this的值.而在主线程处理的时候,this的一直在变化, that的值保留在那一刻

ps 或是将本obj 传递给其他的obj使用处理

ps 开启新事务或开启新子线程都是在新的obj里处理数据,所以不是同一个obj

-> 所以你不能在不是相同的obj 用this 指定另一个obj

js this 指的是什么_tenc1239的博客-CSDN博客

在 JavaScript 中，异步代码会在单独的线程中运行，
并且会在未来的某个时刻返回结果。在异步函数中，
this 的值可能会发生变化，因此我们需要在异步函数外部将 this 赋值给另一个变量 that，
以便我们在异步函数中能够访问对象的属性。当异步代码返回结果时，
我们可以使用回调函数来处理返回的结果。在回调函数中，
我们可以使用之前保存的 that 值来访问对象的属性。

回调函数确实可以用于异步或耗时的操作，但是它不是开启子线程的方式。
在 JavaScript 中，主线程是唯一的线程，我们无法创建子线程来执行代码。
当我们执行异步操作时，会将它们添加到事件队列中，并继续执行主线程中的其他任务。
当异步操作完成时，会将回调函数添加到事件队列中，等待主线程空闲时执行。

所以说，回调函数的作用是允许我们在异步操作完成后执行一些回调任务，
而不需要在主线程中等待这些操作完成。这样可以使我们的程序更加高效。

抱歉，我之前的回答可能有误导性。JavaScript 中确实不支持多线程，
它是单线程的。当我们执行异步操作时，这些操作会被添加到事件队列中，
等待主线程空闲时执行。这并不是开启了一个子线程来执行异步操作，
而是利用了事件循环来实现异步编程。主线程会不断地从事件队列中取出任务执行，
这样就不会阻塞主线程，使程序更加高效。我希望这次能够更清楚地回答你的问题。

那 that= this 的目的就是让that等于this再创建异步事件时的值,
等待主线程空闲时 用这个值处理?


是的，这是一种常见的解决异步编程中 this 指向丢失的问题的方式。
在 JavaScript 中，函数的执行环境是动态的，this 指向是根据函数的调用方式来确定的。
当函数被作为回调函数传递，且回调函数是在异步事件中被调用时，this 指向有可能会丢失。
为了保持 this 指向，我们可以将 this 保存在一个变量中，
这样在回调函数中使用这个变量即可保持正确的 this 指向。一般来说，
这个变量被命名为 that，也可以是其他的名字。在异步事件中，that 会等待主线程空闲时再被使用。

2 异步但是没有在异步处理函数中不用that = this

 async handleAnalysis(params) {
    this.logList.push(`数据分析: ${minDate} - ${maxDate}`)
}

3 异步在异步处理函数中用that = this

 request.onsuccess = function (event) {
    that.logList.push(`数据获取成功 : ${key}`)
}

4 回调函数用that = this ->回调函数的作用是允许我们在一个函数中处理一些异步或耗时的操作，而不需要等待它们完成

4.1

var obj = {
  name: "obj",
  method: function() {
    // 在对象方法中，this 指向该对象
    console.log(this.name);  // 输出 "obj"
    var innerFunction = function() {
      // 在内部函数中，this 指向全局对象
      console.log(this.name);  // 输出 undefined
    }
    innerFunction();
  }
}
obj.method();

4.2 箭头函数

function doSomething(param1, param2, callback) {
  // some code here
  // 当操作完成时，调用回调函数，并将结果作为参数传递给回调函数
  callback(result);
}

// 调用doSomething函数，传递一个箭头函数作为回调函数
doSomething(1, 2, result => {
  // 回调函数的处理逻辑
});

4.3文章来源地址https://www.toymoban.com/news/detail-668670.html

到了这里，关于vue js 回调函数异步处理为什么要 let that = this的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！