react中函数带（）和不带（）引发的问题

1、在一次使用

react-ant-design-mobile

组件的时候，由一个函数定义引发的BUG。

• 代码如下

这里要实现的功能是，定义一个Toast回调函数，在提示之后进行一系列操作。
           

• 错误写法

}).then(() => {
      Toast.success('发布成功', 1, this.onClose());
    });
  }

  onClose = () => {
  ........
  }
           

• 正确写法 也就是去掉this.onClose的括号，其实也是一个不经意多写的括号引起的问题，有括号的话onClose函数的内容并没有实现回调的目的，而是立即执行。

}).then(() => {
      Toast.success('发布成功', 1, this.onClose);
    });
  }

  onClose = () => {
  ........
  }
           

2、特意查了一下

函数只要是要调用它进行执行的，都必须加括号。此时，函数()实际上等于函数的返回值。当然，有些没有返回值，但已经执行了函数体内的行为，这个是根本，就是说，只要加括号的，就代表将会执行函数体代码。


不加括号的，都是把函数名称作为函数的指针，用于传参，此时不是得到函数的结果，因为不会运行函数体代码。它只是传递了函数体所在的地址位置，在需要的时候好找到函数体去执行。

           

3、这让我想到了之前遇到的一个React问题，同样是这样原因

4、特此记下