如何从外部调用另一个函数内部的箭头函数？

Question

function x(name){
    this.name = name;

    const arrow =() =>{
        setTimeout(() => {
            console.log("Arrow" + this.name)
        },100)
    }

    const func1 = () => {
        setTimeout(() => {
            console.log("Normal" + this.name)
        },100) 
    }

    arrow(name);
    func1(name);
}

x("BOB")

调用 x("BOB") 函数后如何从外部调用 func1 以及箭头函数与普通函数相比如何更改 this 的值

Answer 1

如果你想在外面调用箭头，你可以尝试返回函数并像这样调用（闭包概念）

    function x(name){
    this.name = name;

    const arrow =() =>{
        setTimeout(() => {
            console.log("Arrow" + this.name)
        },100)
    }

    const func1 = () => {
        setTimeout(() => {
            console.log("Normal" + this.name)
        },100) 
    }

    arrow(name);
    func1(name);
    
    return arrow
}
arrow = x("BOB")
arrow()

但我更喜欢，您尝试使用 OOP 结构。

Answer 2

我相信下面的例子正是你想要的：

function x(name) {
  this.name = name;

  const arrow = () => {
    setTimeout(() => {
      console.log("Arrow" + this.name);
    }, 100);
  };

  const func1 = () => {
    setTimeout(() => {
      console.log("Normal" + this.name);
    }, 100);
  };

  arrow(name);
  func1(name);

  x.func1 = func1;
  x.arrow = arrow;
}

x("nawaf");
x.func1();
x.arrow();

https://codesandbox.io/s/goofy-water-y8oux