15.微信小程序（JS逻辑文件）

大纲

（1）业务逻辑案例
（2）调用API案例
（3）ECMAScript----
（4）小程序执行环境
（5）模块化
（6）作用域与全局变量

前言

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，通过编写 脚本文件来处理用户的操作。
小程序的主要开发语言是 JavaScript

JS 作用：
①开发者使用 JS来开发业务逻辑；
②调用小程序的 API 来完成业务需求。

①业务逻辑案例

交互案例：

点击 button 按钮的时候，希望界面显示 “Hello World”，于是在 button 上声明一个属性: bindtap ，在 JS 里声明 clickMe 方法来响应点击操作：

②调用API案例

调用API：
除了业务逻辑外，开发者还可以在 JS 中调用小程序提供的丰富的 API，利用这些 API 可以很方便的调起微信提供的能力，例如获取用户信息、地理定位、本地存储、微信支付、扫一扫、界面交互等等。
在初始化的项目里，在 pages/index/index.js 就调用了 wx.getUserInfo 获取微信用户的头像和昵称，最后通过 setData 把获取到的信息显示到界面上
调用界面交互API案例：
wx.showToast(Object object)显示消息提示框

扫一扫API案例：
wx.scanCode(Object object)调起客户端扫码界面进行扫码

场景：
为了让用户减少输入，我们可以把复杂的信息编码成一个二维码，利用宿主环境/微信客户端wx.scanCode这个API调起微信扫一扫，用户扫码之后，wx.scanCode的success回调会收到这个二维码所对应的字符串信息。
例如餐厅点餐的小程序，我们给餐厅中每个餐桌编号1-100号，把这个数字编码到二维码中，扫码获得编号之后，就可以知道是哪一桌点的菜，大大提高点餐体验和效率。
在线二维码：草料二维码https://cli.im