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

顺遂时光

已于 2024-04-19 17:03:50 修改

阅读量789

点赞数 4

文章标签：学习笔记微信小程序

于 2024-04-19 17:01:41 首次发布

本文链接：https://blog.youkuaiyun.com/m0_63309256/article/details/137969893

版权

本文探讨了JavaScript中var与let的区别，强调了全局变量和局部变量的作用域，以及在微信小程序中如何使用getApp()获取全局数据。同时介绍了bindtap和bindinput的区别，帮助开发者理解不同事件的适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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绑定的是文本输入事件