javascript中执行callback方法的时候event变量没有了？为什么

Z时代
2024-01-10
分类：技术分享

代码如下，click事件里面传了一个event对象。
ajax事件处理完以后我想执行callback方法。
结果发现 event对象不存在了

代码1

        methods: {
selectItem: function(event) {
isSessionExists(function(){
var theme = $(event.currentTarget).attr('data-theme');
var themeID = $(event.currentTarget).attr('data-id');
$('#css-theme')
.attr('href', sfApp.themePath + theme + '.css?' + new Date().getTime());
$('.list-theme')
.find('a')
.removeClass('selected');
$(event.currentTarget)
.addClass('selected');
});
}}

代码2

function isSessionExists(callback){
$.ajax({
type: 'POST',
url: sfApp.dataPath + 'api_sf/apiComSession.cfm',
data: {
func: 'isSessionExists',
},
dataType: 'json'
,async: false
}).done(function(data, textStatus, jqXHR) {
if(data.result == 3){
openDialog("sessiontimeout",data.data);
}else{
callback();
}
})
}

如果我把代码1改成如下，把event对象给一个新的变量赋值就可以使用了，为什么？

        methods: {
selectItem: function(event) {
var obj_currentTarget = event.currentTarget;//创建一个新变量
isSessionExists(function(){
//新变量都可以使用
var theme = $(obj_currentTarget).attr('data-theme');
var themeID = $(obj_currentTarget).attr('data-id');
$('#css-theme')
.attr('href', sfApp.themePath + theme + '.css?' + new Date().getTime());
$('.list-theme')
.find('a')
.removeClass('selected');
$(obj_currentTarget)
.addClass('selected');
});
}}