1. 主页
  2. 文档
  3. ES6
  4. 模板字符与箭头函数
  5. 箭头函数中的 this 指向

箭头函数中的 this 指向

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>箭头函数中的 this 指向</title>
  </head>
  <body>
    <script>
      // 1.箭头函数中的 this 指向
      // 箭头函数没有自己的 this
      // const calc = {
      //   add: () => {
      //     console.log(this);
      //   }
      // };
      // calc.add(); // window

      // 2.练习
      // 'use strict';
      const calc = {
        add: function () {
          // this
          const adder = () => {
            console.log(this);
          };
          adder();
        }
      };
      // calc.add(); // calc

      const addFn = calc.add;
      addFn(); // undefined->window
    </script>
  </body>
</html>
这篇文章对您有用吗?

我们要如何帮助您?