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項目。