Eel 项目中 Python端调用JS 使用一个括号和两个括号的区别

bigcarp

已于 2024-05-09 18:54:21 修改

阅读量341

点赞数 1

文章标签： javascript 开发语言 ecmascript

于 2024-05-09 18:06:52 首次发布

本文链接：https://blog.csdn.net/bigcarp/article/details/138620969

版权

总结：

1、不需要获取返回结果，就用一个括号

2、需要获取返回结果的，在python脚本中推荐用【传入回调函数】的方式。在js脚本中推荐用async...await...方式。

在使用 Python 第三方 GUI 库 EEL 的项目中，Python 文件中调用前端界面的 JS 函数时，使用一个括号 eel.my_function() 和使用两个括号 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))

bigcarp

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Eel 项目中 Python端调用JS 使用一个括号和两个括号的区别

如果在eel.start()前使用了同步调用，不会报错(前提是start()中的block参数为True或不填写)，但会阻塞主进程（实际测试停顿约一分钟），而且该调用不会获得返回值。在使用 Python 第三方 GUI 库 EEL 的项目中，Python 文件中调用前端界面的 JS 函数时，使用一个括号。同理，对于前端JavaScript 调用.py中的函数，也是一个括号表示异步，两个括号且第二个括号为空表示同步调用。注意，JavaScript同步调用py中的函数，必须用await声明。
复制链接

扫一扫