获取范围内的所有变量

2020/10/18 07:21 · javascript ·  · 0评论

有没有办法获取所有当前在javascript范围内的变量?

不能。“范围内”变量由“作用域链”确定,该变量无法通过编程方式访问。

有关详细信息(很多),请查看ECMAScript(JavaScript)规范。这是指向官方页面的链接,您可以在其中下载规范规范(PDF),而这是指向官方的可链接HTML版本的链接。

根据您对Camsoft的评论进行更新

事件函数作用域中的变量取决于定义事件函数的位置,而不是它们的调用方式。但是,您可以this按照KennyTM指出(for (var propName in ____))的方式进行操作,从而找到有关通过函数和参数可使用的功能的有用信息,因为这将告诉您提供给您的各种对象(this以及参数)上的可用信息。不确定它们为您提供了哪些参数,您可以通过arguments为每个函数隐式定义变量来查找)。

因此,除了可以在什么地方定义函数之外,还可以通过以下方法找出其他方法可以使用的内容:

var n, arg, name;
alert("typeof this = " + typeof this);
for (name in this) {
    alert("this[" + name + "]=" + this[name]);
}
for (n = 0; n < arguments.length; ++n) {
    arg = arguments[n];
    alert("typeof arguments[" + n + "] = " + typeof arg);
    for (name in arg) {
        alert("arguments[" + n + "][" + name + "]=" + arg[name]);
    }
}

(您可以对此进行扩展以获得更多有用的信息。)

取而代之的是,我可能会使用调试器,例如Chrome的开发工具(即使您通常不使用Chrome进行开发)或Firebug(即使您通常不使用Firefox进行开发)或Opera上的Dragonfly ,或IE上的“ F12开发人员工具”。并通读它们提供给您的所有JavaScript文件。并击败他们以获得适当的文档。:-)

尽管每个人都回答“”,并且我知道“否”是正确的答案,但是如果您确实需要获取函数的局部变量,则有一种受限的方法。

考虑以下功能:

var f = function() {
    var x = 0;
    console.log(x);
};

您可以将函数转换为字符串:

var s = f + '';

您将以字符串形式获取函数源

'function () {\nvar x = 0;\nconsole.log(x);\n}'

现在,您可以使用诸如esprima之类的解析器来解析功能代码并查找局部变量声明。

var s = 'function () {\nvar x = 0;\nconsole.log(x);\n}';
s = s.slice(12); // to remove "function () "
var esprima = require('esprima');
var result = esprima.parse(s);

并找到具有以下内容的对象:

obj.type == "VariableDeclaration"

结果(我在console.log(x)下面删除了):

{
    "type": "Program",
    "body": [
        {
            "type": "VariableDeclaration",
            "declarations": [
                {
                    "type": "VariableDeclarator",
                    "id": {
                        "type": "Identifier",
                        "name": "x"
                    },
                    "init": {
                        "type": "Literal",
                        "value": 0,
                        "raw": "0"
                    }
                }
            ],
            "kind": "var"
        }
    ]
}

我已经在Chrome,Firefox和Node中对此进行了测试。

但是这种方法问题在于,您仅具有在函数本身中定义的变量。例如此示例:

var g = function() {
    var y = 0;
    var f = function() {
        var x = 0;
        console.log(x);
    };
}

您只可以访问x而不是y但是仍然可以在循环中使用调用方(arguments.callee.caller.caller.caller)来查找调用方函数的局部变量。如果您具有所有局部变量名称,那么就具有范围变量使用变量名,您可以通过简单的eval访问值。

是的,没有。几乎在每种情况下都为“否”。如果要检查全局范围,则“是”,但仅以有限的方式。请看以下示例:

var a = 1, b = 2, c = 3;

for ( var i in window ) {
    console.log(i, typeof window[i], window[i]);
}

在150多种其他东西中它输出以下内容:

getInterface function getInterface()
i string i // <- there it is!
c number 3
b number 2
a number 1 // <- and another
_firebug object Object firebug=1.4.5 element=div#_firebugConsole
"Firebug command line does not support '$0'"
"Firebug command line does not support '$1'"
_FirebugCommandLine object Object
hasDuplicate boolean false

因此可以在当前范围内列出一些变量,但是它不是可靠,简洁,有效或易于访问的。

一个更好的问题是为什么您想知道范围内的变量?

在ECMAScript 6中,通过将代码包装在with带有代理对象语句中或多或少可以实现请注意,它要求使用非严格模式,这是错误的做法。

function storeVars(target) {
  return new Proxy(target, {
    has(target, prop) { return true; },
    get(target, prop) { return (prop in target ? target : window)[prop]; }
  });
}
var vars = {}; // Outer variable, not stored.
with(storeVars(vars)) {
  var a = 1;   // Stored in vars
  var b = 2;   // Stored in vars
  (function() {
    var c = 3; // Inner variable, not stored.
  })();
}
console.log(vars);

代理声称拥有内部引用的所有标识符with,因此变量分配存储在目标中。对于查找,代理从代理目标或全局对象(而不是父作用域)中检索值。letconst变量不包括在内。

Bergi这个答案启发

你不能

变量,函数声明的标识符和函数代码的参数作为不可访问变量对象的属性绑定

也可以看看:

在特定范围内访问变量的最简单方法

  1. 打开开发人员工具>资源(在Chrome中)
  2. 使用可以访问该范围的功能打开文件(提示cmd / ctrl + p查找文件)
  3. 在该函数中设置断点并运行代码
  4. 当它在您的断点处停止时,您可以通过控制台(或范围var窗口)访问范围var

注意:您要针对未缩小的js执行此操作。

显示所有非私有变量的最简单方法

  1. 打开控制台(在Chrome中)
  2. 类型:this.window
  3. 按下Enter

现在,您将看到一个对象树,可以使用所有声明的对象进行扩展。

众所周知,您不能。但是您可以创建一个obj,并将您声明的每个var分配给该obj。这样,您可以轻松签出您的var:

var v = {}; //put everything here

var f = function(a, b){//do something
}; v.f = f; //make's easy to debug
var a = [1,2,3];
v.a = a;
var x = 'x';
v.x = x;  //so on...

console.log(v); //it's all there

我做了一个小提琴(基本上)实现了iman概述的想法。这是当您将鼠标悬停在第二个ipsum上时的样子return ipsum*ipsum - ...

在此处输入图片说明

作用域中的变量在声明它们的地方突出显示(不同作用域使用不同的颜色)。lorem与红色边框是一个阴影变量(不在范围内,但在范围上,如果其他LOREM进一步下跌的树不会在那里。)

我正在使用esprima库来解析JavaScript,以及estraverse,escodegen,escope(esprima之上的实用程序库)。“繁重的工作”全部由这些库完成(当然,最复杂的是esprima本身。)

怎么运行的

ast = esprima.parse(sourceString, {range: true, sourceType: 'script'});

制作抽象语法树。然后,

analysis = escope.analyze(ast);

生成一个复杂的数据结构,封装有关程序中所有作用域的信息。其余人员将在该分析对象(和抽象语法树本身)中编码的信息收集在一起,并从中制定出一种交互式的着色方案。

因此,正确的答案实际上不是“否”,而是“是,而是”。“但是”是一个很大的问题:您基本上必须用JavaScript重写chrome浏览器的重要部分(它是devtools)。JavaScript是Turing完整的语言,因此原则上当然可以。不可能不使用整个源代码(作为一个字符串)就完成整个事情,然后用它来做非常复杂的事情。

如果您只想手动检查变量以帮助调试,请启动调试器:

debugger;

直接进入浏览器控制台。

你有多少时间?

如果您讨厌您的cpu,则可以对每个有效的变量名进行暴力破解,然后eval查看每个变量名是否产生值!

以下代码段尝试使用前1000个bruteforce字符串,足以在范围内找到人为的变量名称:

该脚本最终(长一段时间后)将找到所有作用域变量名称以及abc niftyand和swell我创建的一些示例变量。请注意,它将仅找到由字母字符组成的变量名称。

我完全知道,实际上没有任何可行的情况

本文地址:http://javascript.askforanswer.com/huoqufanweineidesuoyoubianliang.html
文章标签:
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!