JavaScript“this”关键字和箭头函数

Question

在这里，箭头函数中的这个关键字指向obj的变量环境

null

var greeting = 'hi';

const obj = {
  greeting: 'hey',

  fo() {
    const greeting = 'hola';
    
      const arrowFo = () => {
        console.log(this.greeting);
      };

      arrowFo();
  },
};

obj.fo(); //logs: hey

null

null

var greeting = 'hi';

const obj = {
  greeting: 'hey',

  fo() {
    const greeting = 'hola';

    const fo2 = function () {
      const greeting = 'hello';

      const arrowFo = () => {
        console.log(this.greeting);
      };

      arrowFo();
    };
    fo2();
  },
};

obj.fo(); //logs: hi

null

Answer 1

箭头函数的作用域中没有this值，因此您可以访问对象的this值。但是普通函数在其作用域中有这个值，这个示例this的普通函数值是globalThis或window。如果您使用对象的this值调用fo2而不是globalThis，则它允许您访问全局作用域

js prettyprint-override">var greeting = 'hi';

const obj  = {
  greeting: 'hey',

  fo() {
    const greeting = 'hola';

    const fo2 = function () {
      const greeting = 'hello';

      const arrowFo = () => {
        console.log(this.greeting);
      };

      arrowFo();
    };
    fo2.call(this) // Use this instead of fo2()
  },
};