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、特此记下