有没有办法通过名称在页面上找到 JavaScript 变量(将其作为对象)?变量名可用作字符串常量。
如何按名称查找 JavaScript 变量
IT技术
javascript
2021-01-18 20:23:16
6个回答
<script>
var a ="test";
alert(a);
alert(window["a"]);
alert(eval("a"));
</script>
所有 JS 对象(哪些变量)都可以在其作用域内作为其父对象的命名属性使用。在不存在显式父项的情况下,它是隐式window
对象。
IE:
var x = 'abc';
alert(window['x']); //displays 'abc'
对于复杂的对象:
var x = {y:'abc'};
alert(x['y']); //displays 'abc'
这可以链接:
var x = {y:'abc'};
alert(window['x']['y']); //displays 'abc'
如果你想要一个在全局上下文中声明的变量,它被附加到 window 对象。例如:窗口[“变量名”]。所有变量都是其范围内的哈希表值。
如果您必须使用点分符号,那么您将需要遵循 kennebec 的建议,在对象层次结构中导航。eval() 也可以工作,但它是一个比可能需要的更昂贵的操作。
如果它是一个全局变量,您可以在全局对象上按名称查找它,因为全局变量是全局对象的属性。在浏览器上,有一个全局变量指向名为 的全局对象window
,因此:
var name = "foo";
window.foo = 42;
alert(Number(window[name])); // 42
但是全局变量是一件坏事(tm)。
要在没有全局变量的情况下执行此操作,请使用您自己的对象:
var name = "foo";
var obj = {};
obj.foo = 42;
alert(Number(obj[name])); // 42
上述两种方法都有效,因为在 JavaScript 中,您可以使用点表示法和文字 ( obj.foo
)来引用对象属性,也可以使用方括号表示法和字符串 ( obj["foo"]
)来引用对象属性,在后一种情况下,字符串可以是任何表达式,包括变量查找。
如果您的字符串引用了全局的 'deep' 属性,例如 'Yankee.console.format',您可以单步执行这些引用:
String.prototype.deref= function(){
// remove leading and trailing quotes and spaces
var obj= this.replace(/(^[' "]+|[" ']+$)/g,'');
var M= obj.match(/(^[\w\$]+(\.[\w\$]+)*)/);
if(M){
M= M[1].split('.');
obj= window[M.shift()];
while(obj && M.length) obj= obj[M.shift()];
}
return obj || this;
}