欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 >

箭头函数中的this的使用

发布时间：2025/4/16 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 箭头函数中的this的使用 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

什么时候使用箭头函数

 问题: 箭头函数中的this是如何查找的了?

  答案: 向外层作用域中, 一层层查找this, 直到有this的定义.

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><script>// 什么时候使用箭头函数// setTimeout(function () {// console.log(this);// }, 1000)//// setTimeout(() => {// console.log(this);// }, 1000)// 问题: 箭头函数中的this是如何查找的了?// 答案: 向外层作用域中, 一层层查找this, 直到有this的定义.// const obj = {// aaa() {// setTimeout(function () {// console.log(this); // window// })//// setTimeout(() => {// console.log(this); // obj对象// })// }// }//// obj.aaa()const obj = {aaa() {setTimeout(function () {setTimeout(function () {console.log(this); // window})setTimeout(() => {console.log(this); // window})})setTimeout(() => {setTimeout(function () {console.log(this); // window})setTimeout(() => {console.log(this); // obj})})}}obj.aaa() </script> </body> </html>

《新程序员》：云原生和全面数字化实践50位技术专家共同创作，文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的箭头函数中的this的使用的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。