箭头函数中的this的使用
生活随笔
收集整理的這篇文章主要介紹了
箭头函数中的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的使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 箭头函数参数和返回值
- 下一篇： 5. 最长回文子串——暴力法---动态规