react中函数带()和不带()引发的问题
发布日期:2021-05-20 10:06:54 浏览次数:27 分类:技术文章

本文共 624 字,大约阅读时间需要 2 分钟。

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、特此记下
在这里插入图片描述

转载地址:https://blog.csdn.net/weixin_45416217/article/details/109457869 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:reduce方法实现对数组相邻相同元素进行合并
下一篇:react-ant-design实现可拖拽可编辑的表格功能

发表评论

最新留言

关注你微信了!
[***.104.42.241]2024年04月23日 19时33分02秒