[英]Object turns into undefined when passed to function as argument and method is called JavaScript
[英]Object's method can be called in function when function is called on its own, but when function called via setTimeout the object is undefined
我有以下课程Conference
:
//UrlSerializer is for encoding JSON objects into GET url
const UrlSerializer=require('./urlSerializer');
class Conference{
constructor(client,workspace){
this.client=client;
this.workspace=workspace;
this.urlSerializer=new UrlSerializer();
}
announce(conferenceSid,timeRemaining){
var parameters={
timeRemaining:timeRemaining
}
var url=this.urlSerializer.serialize('conferenceAnnounceTime',parameters);
console.log("conference.announce url: "+url);
this.client.conferences(conferenceSid)
.update({
announceUrl:url,
announceMethod:'GET'
})
.then(conference=>console.log(conference.friendlyName));
}
setTimedAnnounce(initialMinutes,minutesToElapse,conferenceSid){
var minutesRemaining=initialMinutes-minutesToElapse;
setTimeout(this.announce,minutesToElapse*60000,minutesRemaining);
}
}
module.exports=Conference;
UrlSerializer
是:
const querystring=require('querystring');
require('env2')('.env');
class UrlSerializer{
constructor(){
this.paramArrayName="parameters";
}
serialize(endpoint,paramArray){
var url=process.env.APP_BASE_URL+"/"+endpoint;
console.log("urlSerializer base url: "+url);
var arrayString=JSON.stringify(paramArray);
console.log("urlSerializer stringified parameter array: "+arrayString);
var fullUrl=url+"?"+querystring.stringify({[this.paramArrayName]:arrayString});
console.log("urlSerializer full url: "+fullUrl);
return fullUrl;
}
}
module.exports=UrlSerializer;
我从另一个模块server
的Express端点调用conference
功能,如下所示:
app.get('/conferenceEvents',function(req,res){
conferenceSid=req.query.ConferenceSid;
conference.announce(conferenceSid,initialMinutes);
conference.setTimedAnnounce(initialMinutes,0.25,conferenceSid);
res.type('application/json');
res.status(200).send();
});
对conference.announce
的调用成功通过控制台输出:
urlSerializer base url: http://x.ngrok.io/conferenceAnnounceTime
urlSerializer stringified parameter array: {"timeRemaining":5}
urlSerializer full url: http://x.ngrok.io/conferenceAnnounceTime?parameters=%7B%22timeRemaining%22%3A5%7D
conference.announce url: http://x.ngrok.io/conferenceAnnounceTime?parameters=%7B%22timeRemaining%22%3A5%7D
但是,在调用conference.setTimedAnnounce()
之后经过15秒时,出现以下错误:
TypeError: Cannot read property 'serialize' of undefined
at Timeout.announce [as _onTimeout] (c:\thisAppPath\conference.js:45:30)
at ontimeout (timers.js:502:15)
at tryOnTimeout (timers.js:323:5)
at Timer.listOnTimeout (timers.js:290:5)
我在想,也许当计时器调用announce
,它是以urlSerializer
实例超出范围的方式进行的。 我如何使它意识到urlSerializer
时announce
通过所谓setTimeout()
编辑:我试图保存this
范围,如下所示:
setTimedAnnounce(initialMinutes,minutesToElapse,conferenceSid){
var that=this;
var minutesRemaining=initialMinutes-minutesToElapse;
setTimeout(that.announce,minutesToElapse*60000,minutesRemaining);
}
但这给了我同样的错误。
编辑2:
我使用了Barmar的this.announce.bind(this)
解决方案,并解决了TypeError
,但是在announce的setTimeout()调用中未正确构造参数数组和URL。 控制台输出如下:
urlSerializer base url: http://x.ngrok.io/conferenceAnnounceTime
urlSerializer stringified parameter array: {}
urlSerializer full url: http://x.ngrok.io/conferenceAnnounceTime?parameters=%7B%7D
conference.announce url: http://x.ngrok.io/conferenceAnnounceTime?parameters=%7B%7D
我怀疑还有别的地方,我需要使用.bind(this)
,这样urlSerializer.serialize()
将调用与this
在适当的范围内,但我还没有跟踪它呢。
编辑3:
没关系,我想它out-- setTimeout
需要有conferenceSid
在作为参数传递以及minutesRemaining
。 现在工作。
setTimeout(this.announce,minutesToElapse*60000,minutesRemaining);
需要是
setTimeout(this.announce.bind(this),minutesToElapse*60000,minutesRemaining);
将函数属性作为参数传递不会绑定this
上下文。 只有使用该语法调用方法时,它才会自动绑定。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.