View函数无法通过事件向前端传数据，该如何实现数据传递？

嘿，这个问题其实是对Solidity里view函数和事件的使用场景理解有点偏差～

首先得搞清楚为啥你之前的代码会报错：view类型的函数被Solidity严格定义为只读函数——它只能读取链上状态，绝对不能做任何修改状态的操作，包括触发事件。因为触发事件会向链上写入日志数据，属于状态变更的一种，所以编译器直接给你抛出了那个TypeError。

那view函数该怎么把数据传给前端？其实这才是view函数的本职工作啊，直接返回数据就好！给你几个具体的方案：

1. 返回单个基础类型数据 #

把你需要传递的值作为函数的返回值返回，前端调用这个view函数时直接接收结果就行。比如把你的代码改成这样：

function test() public view returns (uint) {
    return 123;
}

前端用Ethers.js或者Web3.js调用的时候，不需要发交易，直接查询就能拿到123，比用事件高效多了。

2. 返回复杂数据（结构体/元组） #

如果需要传递多个字段或者复杂结构的数据，有两种方式：

• 用结构体返回：先定义一个结构体，然后返回结构体实例

  struct UserInfo {
      uint userId;
      string userName;
      uint userBalance;
  }
  
  function getUserInfo(address user) public view returns (UserInfo memory) {
      // 这里写读取用户数据的逻辑，比如从合约存储里取
      return UserInfo(1001, "Tabish", 50 ether);
  }
  

• 用元组返回多个独立值：如果不想定义结构体，也可以直接返回多个不同类型的值

  function getMultiData() public view returns (uint, string, bool) {
      return (123, "hello", true);
  }
  

补充说明 #

再强调一下：事件是用来记录链上状态变更的操作（比如转账、NFT铸造、合约升级这些会修改存储的交易），而view函数是用来查询现有状态的，两者的使用场景完全不重叠。前端调用view函数是本地节点查询，不需要消耗Gas，直接拿返回值才是正确的姿势～

你之前的错误代码可以作为反面参考：

event TestEvent (uint id);
function test() public view {
    emit TestEvent(123);
}

报错的核心原因就是emit操作属于状态修改，违反了view函数的只读约定。

内容的提问来源于stack exchange，提问作者Tabish Mir