不懂就问，Python怎么轻松调用JS接口？
虎哥约 4 分钟大家好，我是虎哥。
在Web开发中，前后端的联动是必须面对的，前端一般用JavaScript，而后端通常使用Python或者其他语言。
虽然说API是沟通前后端的桥梁，但有时候呢，我们就是想要直接在Python中操控一些JavaScript代码，或者反过来，利用JS处理一些东西。今天，我就来分享几个Python轻松调用JS接口的实用技巧。
首先，为什么我们需要Python和JS接口交互呢？其实很简单，前后端分离开发的普及让这两者成了好搭档。前端框架越来越炫酷了，React、Vue等层出不穷，后端呢，Python这边的Django、Flask等框架依旧是主流。
所以，想要前后端搭配得当，就得经常通过API互相扔数据。不过，有时候API已经够用了，但你偏偏还想要让Python来操控一些网页的前端部分。比如，自动化测试时，需要模拟用户操作，或者是处理一些复杂的前端逻辑。嗯，有些场景下我们就是得用Python直接调用JS接口。
那说到实用的技巧，首当其冲的就是Selenium。Selenium这个工具很流行，开发中也特别常用。它的主要功能是做Web应用的自动化测试，但大家都知道，程序员嘛，最喜欢“骚操作”，用它来模拟浏览器的用户操作，简直好使到飞起。
我们可以通过Selenium去直接调用JavaScript，在网页中实现交互操作。这里给大家举个例子，看看如何用Selenium执行JavaScript代码。
先装上Selenium：
pip install selenium
再下载对应的浏览器驱动，这里以Chrome为例，你可以去下载ChromeDriver。然后用以下代码启动浏览器并执行JavaScript：
from selenium import webdriver
from selenium.webdriver.common.by import By# 启动Chrome浏览器
driver = webdriver.Chrome()
# 打开网页
driver.get('https://example.com')
# 执行JavaScript代码
result = driver.execute_script('return document.title')
# 打印页面标题
print(f'页面标题: {result}')
# 关闭浏览器
driver.quit()
这里我用了execute_script()来执行一段简单的JavaScript，返回的是网页的标题。是不是很简单？用Python就能像操控自己家的电视遥控器一样去操控网页。要是再复杂点，你还可以模拟点击按钮啊，输入文字啊这些操作：
# 找到按钮并模拟点击
button = driver.find_element(By.ID, 'submit-btn')
driver.execute_script('arguments[0].click();', button)
Selenium就这么简单直接。虽然它更多是为了自动化测试而生，但对我们这种喜欢“折腾”的开发者来说，这东西简直就是个宝藏。
不过呢，Selenium这玩意儿依赖浏览器，要是真不想搞得太复杂，咱还有一个更轻量的办法：PyExecJS。这是一个可以直接在Python环境下执行JavaScript代码的库，不需要搞浏览器驱动。PyExecJS支持多个JavaScript引擎，比如Node.js。我们来看个例子：
import execjs# 定义一段JavaScript代码
js_code = '''
function add(a, b) {
return a + b;
}
'''
# 编译并执行
ctx = execjs.compile(js_code)
result = ctx.call('add', 3, 5)
print(f'3 + 5 = {result}')
在这个例子中，execjs允许我们在Python中定义并执行JavaScript代码，甚至还能像调用Python函数一样传递参数。这就等于在Python里开了个“JavaScript小作坊”，随时可以运行JS代码。
另外，很多时候我们想用Python做一些数据处理，然后交给前端的JS去渲染，比如图表数据的展示。这种情况下，我们可以通过Flask等后端框架，利用API来完成前后端的数据交互。
Flask是Python里非常轻量级的Web框架，简单得像个“实用工具箱”。我们可以用Flask快速写一个API，然后让前端的JavaScript来调用。
比如，先在Python端写个简单的Flask应用：
from flask import Flask, jsonifyapp = Flask(__name__)
@app.route('/data')
def get_data():
data = {'message': 'Hello from Python!'}
return jsonify(data)
if __name__ == '__main__':
app.run(debug=True)
接着，在前端JavaScript里用fetch()方法来调用这个API接口：
<script>
fetch('/data')
.then(response => response.json())
.then(data => {
console.log(data.message);
});
</script>
这样，Python后端就可以通过API把数据传给前端了，前端通过JavaScript来处理数据并展示。用这种方式，Python和JavaScript就像打网球一样，数据来回传递，非常灵活。
当然了，作为程序员，我们总是喜欢在各种环境里“秀操作”。如果你习惯在Jupyter Notebook中工作，那么也可以直接通过IPython.display.Javascript模块在Notebook里执行JavaScript代码：
from IPython.display import JavascriptJavascript("alert('Hello from Python!')")
这个方法特别适合在交互式的开发环境中快速测试和执行JavaScript代码。你可以直接在Notebook里运行JS，同时查看执行结果，简直就是边写代码边调试前端效果的利器。
总之，Python和JavaScript的结合为我们提供了无数的可能性，无论是通过Selenium来模拟用户操作，还是用PyExecJS在Python里执行JS代码，又或者是通过Flask实现前后端的数据交互，甚至在Jupyter Notebook里直接跑JS。
只要掌握了这些技巧，Python开发者完全可以在Web开发中如鱼得水，轻松玩转前端和后端的互动。
你觉得呢？欢迎在评论区留言分享。
对编程、职场感兴趣的同学，大家可以联系我微信：golang404，拉你进入“程序员交流群”。
资料包含了《IDEA视频教程》、《最全python面试题库》、《最全项目实战源码及视频》及《毕业设计系统源码》，总量高达650GB。全部免费领取！全面满足各个阶段程序员的学习需求。