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

在使用 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 eeleel.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                   vlet n = await eel.py_random()();console.log('Got this from Python: ' + n);}run();</script></head><body>Synchronous callbacks</body>
</html>

 

import eel, randomeel.init('web')@eel.expose
def py_random():return random.random()eel.start('sync_callbacks.html', size=(400, 300))

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/8987.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2023-2024年电力行业报告合集(精选69份)

电力行业报告/方案&#xff08;精选69份&#xff09; 2023-2024年 来源&#xff1a;2024年低空行业报告合集&#xff08;精选74份&#xff09; 【以下是资料目录】 2023中国发电企业和世界同类能源企业对标分析报告 2024电力部门碳减排技术经济管理报告 2024电力产业链分析…

计算机发展史故事【6】

电脑群英谱 本世纪三、四十年代&#xff0c;是计算机发展史里最重大的收获季节。群英荟萃&#xff0c;逐鹿中原&#xff0c;鹿究竟死于谁手&#xff0c;并不是没有争议的。除了马克1 号与埃历阿克&#xff0c;还有一大批科学家为计算机的诞生作出过巨大的贡献&#xff0c;他们…

智慧变电站守护者:TSINGSEE青犀AI视频智能管理系统引领行业革新

一、方案概述 随着科技的不断进步&#xff0c;人工智能&#xff08;AI&#xff09;技术已经深入到各个领域。在变电站安全监控领域&#xff0c;引入AI视频监控智能分析系统&#xff0c;可以实现对站内环境、设备状态的实时监控与智能分析&#xff0c;从而提高变电站的安全运行…

零基础入门学习Python第二阶02面向对象,迭代器生成器,并发编程

Python语言进阶 面向对象相关知识 三大支柱&#xff1a;封装、继承、多态 例子&#xff1a;工资结算系统。 """月薪结算系统 - 部门经理每月15000 程序员每小时200 销售员1800底薪加销售额5%提成"""from abc import ABCMeta, abstractmethodcl…

docker-compose集成elk(基于logstash+filebeat)采集java和nginx日志

1.准备compose.yml编排式文件 services: #日志信息同步logstash:container_name: logstashimage: docker.elastic.co/logstash/logstash:7.17.14 #logstash:command: logstash -f /usr/share/logstash/pipeline/logstash.confdepends_on:- elasticsearchrestart: on-failurepo…

解决$‘\r‘: command not found 或syntax error near unexpected token `$‘\r‘的四个方法

问题原因&#xff1a; 两个报错原因都是Linux和windows下的回车换行符不兼容 解决方法&#xff1a; 方法一&#xff1a;在windows系统可以用文本编辑器查看所有字符&#xff0c;例如notepad&#xff0c;编辑->档案格式转换->转换为UNIX格式 方法二&#xff1a;在Linux系…

Vue的省份联动

Vue的省份联动 一、安装依赖库 npm install element-china-area-data -Snpm install element-ui --save全局使用elemntui组件库 import ElementUI from element-ui; import element-ui/lib/theme-chalk/index.css;Vue.use(ElementUI);二 、代码如下 <template><div…

一、手写一个uart协议——rs232

先了解一下关于uart和rs232的基础知识 文章目录 一、RS232的回环测试1.1模块整体架构1.2 rx模块设计1.2.1 波形设计1.2.2代码实现与tb1.2.4 仿真 1.3 tx模块设计1.3.1 波形设计1.3.2 代码实现与tb1.3.4 顶层设计1.3.3 仿真 本篇内容&#xff1a; 一、RS232的回环测试 上位机…

制造业的智慧进化:机器学习与人工智能的全方位渗透

&#x1f9d1; 作者简介&#xff1a;阿里巴巴嵌入式技术专家&#xff0c;深耕嵌入式人工智能领域&#xff0c;具备多年的嵌入式硬件产品研发管理经验。 &#x1f4d2; 博客介绍&#xff1a;分享嵌入式开发领域的相关知识、经验、思考和感悟&#xff0c;欢迎关注。提供嵌入式方向…

地图位置的二维码怎么做?在线制作地图二维码的方法

怎么定位一个位置做成二维码呢&#xff1f;随着互联网的不断发展&#xff0c;现在通过扫描二维码来获取导航位置的方式有很多的场景都在应用。这种方式的好处在于其他人都可以通过这个二维码来获取位置&#xff0c;有利于分享。 导航地图二维码可以在电脑的二维码生成器上快速…

pytest的测试标记marks

引用打标的marks文档 Python的pytest框架(5)--测试标记(Markers)_pytest执行指定的marker-CSDN博客 https://www.cnblogs.com/pipile/p/12696226.html 给用例自定义打标签的代码示例 #coding:utf-8 import pytest pytest.mark.smoke def test_1():print("smoke的测试用…

爬虫爬取必应和百度搜索界面的图片

爬虫爬取必应和百度搜索界面的图片 爬取bing搜索图片界面爬取百度搜索界面图片结果如下 爬取bing搜索图片界面 浏览器驱动下载地址 对应版本即可 浏览器驱动 mad直接用 import os import re from selenium import webdriver from selenium.webdriver import Keys from sel…

【ACM出版】第四届控制与智能机器人国际学术会议(ICCIR 2024)

第四届控制与智能机器人国际学术会议&#xff08;ICCIR 2024&#xff09; 2024 4th International Conference on Control and Intelligent Robotics 2024年6月21日-23日 | 中国-广州 官网&#xff1a;www.ic-cir.org EI、Scopus双检索 投稿免费参会、口头汇报及海报展示 四…

leetcode63.跳跃游戏2(动态规划)

问题描述&#xff1a; 一个机器人位于一个 m x n 网格的左上角 &#xff08;起始点在下图中标记为 “Start” &#xff09;。 机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角&#xff08;在下图中标记为 “Finish”&#xff09;。 现在考虑网格中有障碍物…

Element UI 快速入门指南

Element UI 快速入门指南 Element UI 是一个基于 Vue.js 的组件库&#xff0c;提供了丰富的 UI 组件和工具&#xff0c;可以帮助开发人员快速构建现代化的 Web 应用程序。本文将介绍如何快速入门使用 Element UI&#xff0c;并展示一些常用的组件和功能。 安装 Element UI 使…

vue3+vite+axios+ElementPlus+ElLoading简易封装

1.安装按需加载element-plus需要的依赖包 pnpm install element-pluspnpm install axios# 按需自动导入 pnpm install -D unplugin-vue-components unplugin-auto-import# 自动导入element-plus样式 pnpm install -D vite-plugin-style-import2.修改jsconfig.json {"com…

基于scarpy框架的肯德基中国门店信息获取

基于scarpy框架的肯德基中国门店信息获取 一.项目流程二.对爬虫文件进行编写三.对管道进行编写 一.项目流程 scrapy基础知识: https://blog.csdn.net/qq_44907926/article/details/119531324 1.创建scrapy项目:scrapy startproject <项目名> 2.在项目中生成一个爬虫: sc…

面试题分享

Java高级面试问题及答案 1. 请解释Java内存模型以及它在并发编程中的重要性。 问题&#xff1a; 在Java中&#xff0c;内存模型&#xff08;Java Memory Model, JMM&#xff09;是一个规范&#xff0c;它定义了程序在执行时对共享内存的读写操作的执行顺序。请解释JMM是如何工…

antdesign vue中table表格选中项的清除对勾问题

antd table表格选中对勾&#xff0c;操作之后清除掉复选框对勾 template <a-tableref"table"size"middle":rowKey"(record) > {return record.id;}":columns"columns":dataSource"tableData":loading"loading&q…

Linux:配置客户端默认autofs服务

Linux&#xff1a;配置客户端autofs服务 安装autofs软件 [rootserver200 ~]# dnf install autofs -y开启并设置开机自启autofs服务 [rootserver200 ~]# systemctl enable --now autofs访问默认autofs挂载机制 当autofs启动后系统默认会在/net目录中访问nfs服务器 [rootser…