小程序中 that和this用法

小程序中 that和this用法,第1张

解决办法 为复制一份this的指向到变量中,这样在函数执行过程中虽然this改变了,但是that还是指向之前的对象

大家知道this是指当前对象,只是一个指针,真正的对象存放在堆内存中,this的指向在程序执行过程中会变化,因此如果需要在函数中使用全局数据需要合适地将this复制到变量中。

this作用域分析:

1.在Page({})里面,this关键字指代Page({})整个对象

2.因此可以通过this关键字访问或者重新设置Page({})里data的变量

3.然而在loadData函数中使用了wx.request({})API这个方法导致在wx.request({})里没办法使用this来获取Page({})对象

4.虽然在wx.request({})里没法使用this获取Page({})对象,但是可以在wx.request({})外面先把this存在某个变量中,所以就有了 var that =this 这个声明。此时that指代Page({})整个对象,这样子就可以在wx.request({})里使用that访问或者重新设置Page({})里data的变量

//初始化蓝牙

initBlue() {

var that = this

wx.openBluetoothAdapter({ //调用微信小程序api 打开蓝牙适配器接口

success: function (res) {

console.log('1.初始化蓝牙成功')

},

//监听手机蓝牙的开关

monitorTheBlue:function(){

var that =this

wx.onBluetoothAdapterStateChange(function(res){

})

},

//开始获取附近的蓝牙设备

//. 获取到附近的蓝牙数组 通过蓝牙特定的名称获取自己想要连接的蓝牙设备

//. 获取附近蓝牙设备的数组

findBlue() {

console.log(new Date())

var that = this

wx.startBluetoothDevicesDiscovery({

allowDuplicatesKey: false,

interval: 0,

success: function (res) {

console.log('2.正在搜索设备.............')

if (that.data.isFirestShow) {

wx.showLoading({

title: '正在搜索设备'

})

}

},

//搜索获取附近的所有蓝牙设备 获取附近所有的蓝牙设备的相关信息 获取需要连接蓝牙设备的deviceID

//. 通过bluetoothDeviceName 和 localName 来确定制定蓝牙

//. 一般根据制定设备的名字去连接 设备的名字 是出产厂家设定

getBlue() {

var that = this

wx.getBluetoothDevices({

success: function (res) {

console.log('3.找到设备列表........')

wx.hideLoading()

// return false

var index = 10

for (var i = 0i <res.devices.lengthi++) {

if (res.devices[i].name &&res.devices[i].localName) {

var arr = res.devices[i].name.split("-")

var secArr = res.devices[i].localName.split("-")

if (arr[0] == that.data.bluetoothDeviceName || secArr[0] == that.data.bluetoothDeviceName) {

},

//连接蓝牙设备

//通过deviceId 连接蓝牙

/**

},

//6 连接上需要的蓝牙设备之后,获取这个蓝牙设备的服务uuid

//获取设备的uuid

getServiceId() {

var that = this

wx.getBLEDeviceServices({

// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接

deviceId: that.data.deviceId,

success: function (res) {

var model = res.services[1]

that.setData({

servicesUUID: model.uuid

})

console.log('7.获取设备 uuid 成功....')

that.getCharacteId() //6.0

}

})

},

//7 如果一个蓝牙设备需要进行数据的写入以及数据传输,就必须具有某些特征值,所以通过上面步骤获取的id可以查看当前蓝牙设备的特征值

//notify write read 当只有 notify为true的时候才能 接收蓝牙设备传来的数据,

//write 为true 才能传入数据

//read 为true 才能读取设备数据

getCharacteId() {

var that = this

wx.getBLEDeviceCharacteristics({

// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接

deviceId: that.data.deviceId,

// 这里的 serviceId 需要在上面的 getBLEDeviceServices 接口中获取

serviceId: that.data.servicesUUID,

success: function (res) {

for (var i = 0i <res.characteristics.lengthi++) { //2个值

var model = res.characteristics[i]

if (model.properties.notify == true) {

that.setData({

characteristicId: model.uuid //监听的值

})

console.log('8.model.properties.notify == true')

that.startNotice(model.uuid) //7.0

}

// if (model.properties.read == true) {

// that.readData(model.uuid)

// }

// if (model.properties.write == true) {

// that.setData({

// writeId: model.uuid//用来写入的值

// })

// }

}

}

})

},

fordateTime1(){

let now = new Date(),hour = now.getHours()

console.log(hour)

let str = ''

if(hour <7){str = '早餐前'}

else if ((7<hour) &&(hour<= 9)){str = '早餐后'}

else if ((9<hour) &&(hour<= 11)){str = '午餐前'}

else if ((11<hour) &&(hour<= 13)){str = '午餐后'}

else if ((13<hour) &&(hour<= 17)){str = '晚餐前'}

else if ((17<hour) &&(hour<= 19)){str = '晚餐后'}

else if ((19<hour) &&(hour<= 24)){str = '睡觉前'}

return str

},

//8 如果一个蓝牙设备需要进行数据的写入以及数据传输,就必须具有某些特征值,所以通过上面步骤获取的id可以查看当前蓝牙设备的特征值

//开启设备数据监听 监听蓝牙设备返回来的数据

startNotice(uuid) {

var that = this

wx.notifyBLECharacteristicValueChanged({

state: true, // 启用 notify 功能

deviceId: that.data.deviceId,

serviceId: that.data.servicesUUID,

characteristicId: uuid, //第一步 开启监听 notityid 第二步发送指令 write

success: function (res) {

// that.closeConnect(that.data.deviceId)

// 设备返回的方法

let tip = 0

wx.onBLECharacteristicValueChange(res1 =>{

},

/**

//监听蓝牙设备是否会异常断开

getTheBlueDisConnectWithAccident() {

},

// 断开设备连接

closeConnect: function(v) {

var that = this

if (v) {

wx.closeBLEConnection({

deviceId: v,

success: function(res) {

console.log("蓝牙断开连接")

that.closeBluetoothAdapter()

},

fail(res) {

}

})

} else {

that.closeBluetoothAdapter()

}

},

// 关闭蓝牙模块

closeBluetoothAdapter:function () {

wx.closeBluetoothAdapter({

success: function(res) {

console.log("关闭蓝牙模块")

},

fail: function(err) {

}

})

},

微信小程序 setData常用错误解决办法:

1、微信小程序中,在wx.request({})方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报undefiend。

原因是,在javascript中,this代表着当前对象,会随着程序的执行过程中的上下文改变,在wx.request({})方法的回调函数中,对象已经发生改变,所以已经不是wx.request({})方法对象了,data属性也不存在了。官方的解决办法是,复制一份当前的对象,如下:

var that=this//把this对象复制到临时变量that。在success回调函数中使用that.data就能获取到数据了。

2、下面就是修改代码,必须setData一下,不然地图不会刷新。

markers: {     iconPath:

"/picture/bike.png",     id: 0,     latitude: 23.099994,     longitude:

113.324520,     width: 50,     height: 50    }

for(var i = 0i <res.data.lengthi++){         //

that.data.markers[i].id=i         // mark.id=i        var param =

{}        var string = "markers["+i+"].id"        param[string] =

res.data[i].Bike_id                that.setData(param)           

var string="markers["+i+"].iconPath"        param[string]

="/picture/bike.png"        that.setData(param)            var

string = "markers["+i+"].latitude"        param[string] =

res.data[i].BIKE_latitude                that.setData(param)       

          var string = "markers["+i+"].longitude"       

param[string] = res.data[i].BIKE_longitude               

that.setData(param)                 var string =

"markers["+i+"].width"        param[string] = 50               

that.setData(param)             var string = "markers["+i+"].height"

       param[string] = 50                that.setData(param)       

 /* that.setData({          markers:[{     iconPath:

"/picture/bike.png",     id: 0,     latitude: 23.099994,     longitude:

113.324520,     width: 50,     height: 50          }]         })*/      

  }       //   console.log(res.data[1])         var

markk=that.data.markers        that.setData({markers:markk})

小程序setData()设置,百度找到:   http://www.jb51.net/article/111691.htm


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/11491523.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存