学习笔记——微信小程序var与let、bindtap与bindinput、全局变量与局部变量的区别_微信小程序 变量

1、var与let的区别

var申明的为全局变量，作用域为所在的函数内，其他函数调用会出现变量未定义的报错

let声明的为局部变量，只会作用于最近的{}中，其他区域无法调用

2、全局变量与局部变量

全局变量是在整个小程序运行周期内都可以访问的变量它们通常被定义在小程序的全局作用域中，可以在各个页面、组件以及 JavaScript 文件中使用。在小程序中，可以使用 getApp（）函数获取小程序实例，然后通过这个实例对象设置和访问全局变量。

// app.js
App({
  globalData: {
    userInfo: null,
    // 其他全局变量
  }
})

全局变量可在小程序中任何页面中调用getApp（）函数调用获取小程序实例，类似Java中的实例化对象

// pages/index/index.js
const app = getApp();
 
Page({
  onLoad() {
    console.log(app.globalData.userInfo);
  }
})

局部变量是只在特定区域起作用的变量，

page（{
    data{
    message:'helloworld'
},
 
onload{
    console.log(this.data.message)
},
 
}）

3、bindtap与bindinput的区别

bindtap绑定的是点击事件，当bindtap绑定输入事件时会出现输入的数据无法出现在页面中的情况

bindinput绑定的是文本输入事件