1.3.5 编写JavaScript代码

在“资源管理器”的pages→index文件夹中，双击index.js，删除其中的代码，并替换为如下的代码：

Page({
  button_bindtap: function () {
    this.setData({
      result: "Hello World!"
    });
  }
})

我们再次尝试用“英语”来理解一下上述代码。

对于页面（page）:button_bindtap是一个函数（function），它的功能是设置数据（setData），即将result变量的值设置为“Hello World!”。

真相大白！button_bindtap实际上是一个函数，它会将result变量的值设置为“Hello World!”。由于我们在WXML代码中使用：

<text>{{ result }}</text>

将文本的内容绑定为result变量的值，因此，button_bindtap函数执行之后，微信小程序中应该会显示“Hello World!”。让我们来测试一下。如果一切正常的话，测试效果如图1-10所示。

图1-10 微信小程序的测试效果

这样我们就顺利地开发了Hello World项目。