javascript - 无法从提示中获取变量作为回调函数

Question

在按钮上右击我需要:
- 隐藏按钮
- 然后显示提示
- 写入提示值
- 在控制台中获取值

function a_ren(){
	var a = 'lorem';
	$('.cmenu').hide(function(){var res = prompt('RENAME', a);});
	console.log(res);
}

$(document).on('contextmenu', 'button', function(e){
    e.preventDefault();
    a_ren();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='cmenu'>CLICK</button>

两个问题:
- 控制台错误 - res 未定义
- 在SO 上出现提示窗口，但在我的页面(chrome、localhost)上根本没有出现提示窗口。

有什么帮助吗？

Answer 1

res 是未定义的，因为您在 hide 函数中声明它并尝试在它之外(不在范围内)打印它。将控制台日志放入函数中，它应该可以解决它。

function a_ren(){
	var a = 'lorem';
	$('.cmenu').hide(function(){
    var res = prompt('RENAME', a);
    console.log(res);
  });
}

$(document).on('contextmenu', 'button', function(e){
    e.preventDefault();
    a_ren();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class='cmenu'>CLICK</button>