总结:
1、不需要获取返回结果,就用一个括号
2、需要获取返回结果的,在python脚本中推荐用【传入回调函数】的方式。在js脚本中推荐用async...await...方式。
在使用 Python 第三方 GUI 库 EEL 的项目中,Python 文件中调用前端界面的 JS 函数时,使用一个括号 eel.my_function()
和使用两个括号 eel.my_function()()
存在以下区别:
一个括号eel.my_function() | 两个括号 eel.my_function()() | ||
第二个括号为空()() | 第二个括号传入回调函数()(fun) | ||
是否能获得返回值 | 不能获得返回值 | 等待返回值,可以直接用于变量赋值 | 等待返回值,并把返回值传给回调函数。 |
同步/异步 | 异步调用 | 同步调用,会阻塞进程 | 异步调用,获得返回值后回调 |
在大多数情况下,建议使用异步调用 JS 函数。
注意:同步返回值仅在使用 eel.start()
启动浏览器窗口后才可用。
如果在eel.start()前使用了同步调用,不会报错(前提是start()中的block参数为True或不填写),但会阻塞主进程(实际测试停顿约一分钟),而且该调用不会获得返回值。
# python 脚本:
import eel
eel.init('web')
eel.start('sync_callbacks.html', block=False, size=(400, 300))
# 同步调用必须发生在 start() 之后
# 第二个括号留空,就表示这是同步调用了
# v
n = eel.js_random()()
print('Got this from Javascript:', n)
while True:
eel.sleep(1.0)
//sync_callbacks.html :
<html>
<head>
<title>Synchronous callbacks</title>
<script type="text/javascript" src="/eel.js"></script>
<script type="text/javascript">
eel.expose(js_random);
function js_random() {
return Math.random();
}
</script>
</head>
<body>
Synchronous callbacks
</body>
</html>
同理,对于前端JavaScript 调用.py中的函数,也是一个括号表示异步,两个括号且第二个括号为空表示同步调用。
注意,JavaScript同步调用py中的函数,必须用await声明。
//sync_callbacks2.html :
<!DOCTYPE html>
<html>
<head>
<title>Synchronous callbacks</title>
<script type="text/javascript" src="/eel.js"></script>
<script type="text/javascript">
async function run() {
// 同步调用必须放在 'async' 声明的函数中。
// 用await 并且 第二个括号留空,可以实现同步调用
// v v
let n = await eel.py_random()();
console.log('Got this from Python: ' + n);
}
run();
</script>
</head>
<body>
Synchronous callbacks
</body>
</html>
import eel, random
eel.init('web')
@eel.expose
def py_random():
return random.random()
eel.start('sync_callbacks.html', size=(400, 300))