浅谈(0,eval)(‘window’)

浅谈(0,eval)('window')

最近研究qiankun 源码,在import-html-entry 包中看到这个,一脸懵,研究了一下,记录一下。参考了这篇博客

这个干啥用的

	// 通过这种方式获取全局 window,因为 script 也是在全局作用域下运行的,所以我们通过 window.proxy 绑定时也必须确保绑定到全局 window 上
	// 否则在嵌套场景下, window.proxy 设置的是内层应用的 window,而代码其实是在全局作用域运行的,会导致闭包里的 window.proxy 取的是最外层的微应用的 proxy
	const globalWindow = (0, eval)('window');
	globalWindow.proxy = proxy;

如代码注释所示,这个是确保获取全局作用域的window

如何做到的

  • eval 直接调用与间接调用。es5规范中指明,间接调用eval是在全局作用域中执行。
  • 哪些是直接调用,哪些是间接调用。简单来说,计算出eval 值,来调用得就是间接调用,如果是引用就是直接调用。看例子
    • 直接调用
eval('...')
(eval)('...')
(((eval)))('...')
(function() { return eval('...') })()
eval('eval("...")')
(function(eval) { return eval('...'); })(eval)
with({ eval: eval }) eval('...')
with(window) eval('...')
  • 间接调用
(1, eval)('...')
(eval, eval)('...')
(1 ? eval : 0)('...')
(__ = eval)('...')
var e = eval; e('...')
(function(e) { e('...') })(eval)
(function(e) { return e })(eval)('...')
(function() { arguments[0]('...') })(eval)
this.eval('...')
this['eval']('...')
[eval][0]('...')
eval.call(this, '...')
eval('eval')('...')
  • 为什么
    • , 运算符,会去最后一个运算数,然后取值
    • =,?: 也是如此
    • 总结来说这些运算符都有一个取值得操作
    • 然而(,)这两个操作符没有取值这个意味。

原文链接:https://www.cnblogs.com/kongshu-612/p/17375980.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:浅谈(0,eval)(‘window’) - Python技术站

(0)
上一篇 2023年5月5日
下一篇 2023年5月6日

相关文章

  • JavaScript如何获取数组最大值和最小值

    获取数组最大值和最小值是JavaScript中常用的操作,本文将详细讲解如何使用JavaScript获取数组最大值和最小值。 1. 使用Math对象中的max()和min()方法 JavaScript中的Math对象包含了许多常用的数学方法,包括获取数组最大值和最小值的方法——max()和min()。以下是使用max()和min()方法的代码示例: cons…

    JavaScript 2023年5月27日
    00
  • javascript 使用正则test( )第一次是 true,第二次是false

    JavaScript中的正则表达式是一种用于匹配文本模式的强大工具。test()方法是一种用于判断一个字符串是否匹配某个正则表达式的方法。当第一次调用test()方法时,结果为true,而在第二次调用test()方法时,结果为false,这是为什么呢? 正则表达式对象的lastIndex属性 在JavaScript中,正则表达式对象具有一个名为lastInd…

    JavaScript 2023年6月10日
    00
  • 文件预览PDF.js使用技巧示例总结

    文件预览PDF.js使用技巧示例总结 简介 PDF.js是一个用于在Web平台上显示PDF文档的JavaScript库,其使用Canvas技术实现渲染,使得Web端的PDF浏览成为可能。本文将简要介绍PDF.js的使用技巧,并提供两个示例说明。 安装PDF.js 从GitHub上下载PDF.js源代码,并解压到本地目录 在HTML文件中添加以下标签,引入库文…

    JavaScript 2023年5月27日
    00
  • php实现paypal 授权登录

    下面我给出详细的步骤和示例说明: 1. 注册PayPal商家账户 首先,你需要注册一个PayPal商家账户并登录。进入 https://developer.paypal.com/ ,点击右上角“Dashboard”,进入主页面,在“REST API apps”中创建一个新应用。在应用创建完成后,你可以从应用设置中获得API密钥。 2. 引入PayPal SD…

    JavaScript 2023年6月11日
    00
  • JS中filter( )数组过滤器的使用

    下面是关于”JS中filter()数组过滤器的使用”的详细讲解。 简介 filter()是JavaScript数组对象的函数,它可以基于某一条件对数组进行过滤,在返回的新数组中只保留符合条件的值。使用数组过滤器可以只保留想要的值,同时节省代码。filter()方法不会修改原始数组,它会返回一个新数组,所以在使用时需要记住将它赋值给一个变量来保存新数组。 使用…

    JavaScript 2023年5月27日
    00
  • Ajax基础知识详解

    Ajax基础知识详解 什么是Ajax Ajax全称为 Asynchronous JavaScript And XML,即异步的JavaScipt和XML。Ajax可以通过JavaScript在不刷新页面的情况下向服务器发送数据请求,并能够通过JavaScript在不刷新页面的情况下更新页面。 Ajax的优点 用户能够更快地获取数据并更新页面,提升用户体验度。…

    JavaScript 2023年6月11日
    00
  • js判断鼠标位置是否在某个div中的方法

    要判断鼠标位置是否在某个div中,可以通过以下步骤实现。 第一步:获取鼠标的位置信息 要判断鼠标位置是否在某个div中,首先需要获取鼠标在页面中的位置信息。可以通过以下代码来获取: document.addEventListener(‘mousemove’, function(e) { var x = e.clientX; var y = e.clientY…

    JavaScript 2023年6月11日
    00
  • Next.js项目实战踩坑指南(笔记)

    Next.js项目实战踩坑指南(笔记) 介绍 Next.js是一个React框架,它能够帮助开发者快速构建React应用,并集成了很多有用的特性和插件,例如服务器端渲染、静态文件生成等等。在使用Next.js进行开发时,可能会遇到一些问题和坑,这篇文章主要是讲解在实际开发中可能遇到的一些问题,并提供解决方案。 坑1: 如何在Next.js中使用自定义路由 默…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部