JSON字符串在前端的测试和window.eval对比

本文探讨了JSON.parse和window.eval在处理JSON字符串上的异同,指出window.eval能执行字符串作为代码并动态转换对象,而JSON.parse则是直接转换为JavaScript对象。

突然想测一测json.parse和window.eval的区别

相同点:两个都可以做json字符串处理成json对象。
不同:window.eval是可以对字符串附类名。

windows.eval
结果,传入的数组在调用eval前是json字符串,使用eval后自动转成了josn的objec对象并且付给了mess。可以通过mess[1].属性调取。

 window.eval("mess="+xmlHttpRequest.responseText);
                    alert(mess);
                    console.log(mess[0].Name);
                    console.log(mess[1].Number);

                    var sage= JSON.parse(xmlHttpRequest.responseText);
                    alert(sage[0].Name);
                    for (let i = 0; i <sage.length ; i++) {
                            console.log(sage[i].Name)
                    }

原来我认为i可以将object类型转为mess类型 然后声明一个值接收,但不是这样的

var ss = window.eval("mess="+xmlHttpRequest.responseText);
                    alert(ss.mess.Name);

Json.pase

这个没啥好说的,就是转为Object类

总结
window.eval 就是将一串字符串当成代码执行,试过之后了解的更深了

### 使用 Python Playwright 实现 `window.addEventListener` `window.removeEventListener` Playwright 是一种强大的自动化工具,可以用于浏览器操作测试。要实现对 JavaScript 的 `window.addEventListener` `window.removeEventListener` 方法的支持,可以通过注入自定义脚本到页面上下文中来完成。 以下是具体的方法: #### 注入自定义脚本来监听事件 通过 Playwright 提供的 `page.evaluate()` 或者 `page.add_script_tag()` 方法,可以在目标网页上运行任意 JavaScript 脚本。这使得我们可以轻松地调用 `addEventListener` 来捕获特定事件,并将其数据传递回 Python 环境。 下面是一个完整的例子,展示如何使用 Playwright 添加并移除窗口级别的事件监听器: ```python from playwright.sync_api import sync_playwright with sync_playwright() as p: browser = p.chromium.launch() page = browser.new_page() # 导航至指定 URL page.goto('https://example.com') # 定义一个函数,在前端环境中注册点击事件监听器 add_event_listener_code = """ (callback) => { const handleClickEvent = () => callback(JSON.stringify({ eventType: 'click', timestamp: Date.now(), })); window.addEventListener('click', handleClickEvent); return handleClickEvent; } """ # 将回调绑定到 Python 函数 handle_click_event = [] def on_event(data): data_dict = eval(data) print(f"Received Event Data: {data_dict}") handle_click_event.append(data_dict) # 执行 JS 并返回句柄以便稍后删除该监听器 remove_handle = page.evaluate(add_event_listener_code, on_event) # 模拟触发一次点击事件 page.mouse.click(100, 100) # 移除事件监听器 remove_event_listener_code = f""" ({remove_handle}) => {{ window.removeEventListener('click', {remove_handle}); }} """ page.evaluate(remove_event_listener_code, remove_handle) browser.close() ``` 上述代码展示了以下几个要点: - **动态添加事件监听器**:利用 `add_event_listener_code` 动态创建了一个匿名函数作为事件处理程序[^1]。 - **跨环境通信机制**:通过将 JSON 数据字符串化并通过参数传给外部 Python 回调函数的方式实现了前后端交互[^2]。 - **安全清理资源**:最后一步确保了不再需要时能够正确卸载已安装好的事件处理器[^3]。 #### 注意事项 当遇到超时错误如 `playwright._impl._errors.TimeoutError: Locator.click: Timeout...` 时,请确认定位表达式的准确性以及等待时间设置是否合理。如果确实存在长时间加载的情况,则应适当增加 timeout 参数值或者改用更精确的选择器路径。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值