在传递给函数后确定变量的原始名称

Question

我感觉这可能是不可能的，但我想确定一个变量的原始变量名，该变量已传递给 javascript 中的函数。我不知道如何更好地解释它，所以看看这个例子是否有意义。

function getVariableName(unknownVariable){
  return unknownVariable.originalName;
}

getVariableName(foo); //returns string "foo";
getVariableName(bar); //returns string "bar";

这是针对我正在开发的一个 jquery 插件，我希望能够显示传递给“调试”函数的变量的名称。

Answer 1

你是对的，这在任何正常情况下都是不可能的，因为只有值被传递到函数中。

Answer 2

带字符串的全局方法

这是一种可以用来保留变量名称和值的技术。

// Set up a global variable called g
var g = {};
// All other variables should be defined as properties of this global object
g.foo = 'hello';
g.bar = 'world';

// Setup function
function doStuff(str) {
  if (str in g) {
    var name = str;
    var value = g[str];
    // Do stuff with the variable name and the variable value here
    // For this example, simply print to console
    console.log(name, value);
  } else {
    console.error('Oh snap! That variable does not exist!');
  }
}

// Call the function
doStuff('foo'); // log: foo hello
doStuff('bar'); // log: bar world
doStuff('fakeVariable'); // error: Oh snap! That variable does not exist!

这实际上是在创建一个将变量名称映射到其值的字典。如果不重构每个变量，这可能不适用于您现有的代码。但是使用这种风格，就可以解决这类问题。

ES6 对象方法

在 ES6/ES2015 中，您可以 initialize 具有名称和值的对象，这几乎可以实现您想要做的事情。

function getVariableName(unknownVariable) {
  return Object.keys(unknownVariable)[0];
}

var foo = 'hello';
var output = getVariableName({ foo }); // Note the curly brackets
console.log(output);

这是有效的，因为您创建了一个新对象，其键为 foo，值与变量 foo 相同，在本例中为 hello。然后我们的辅助方法将第一个键作为字符串获取。

归功于this tweet。

Answer 3

好吧，所有的全局变量都是全局对象（this 或 window）的属性，不是吗？ 所以当我想找出我的变量的名称时，我做了以下函数：

var getName = function(variable) {
  for (var prop in window) {
    if (variable === window[prop]) {
      return prop;
    }
  }
}
var helloWorld = "Hello World!";
console.log(getName(helloWorld)); // "helloWorld"

有时不起作用，例如，如果在没有 new 运算符的情况下创建了 2 个字符串并且具有相同的值。

Answer 4

将一组唯一变量转换为我为其编写此函数的一个 JSON 对象

function makeJSON(){ //Pass the variable names as string parameters [not by reference]
ret={};
for(i=0; i<arguments.length; i++){
    eval("ret."+arguments[i]+"="+arguments[i]);
}
return ret;
}

例子：

a=b=c=3;
console.log(makeJSON('a','b','c'));

也许这就是这个查询的原因

Answer 5

多亏了 ES6，这现在以某种方式成为可能：

function getVariableName(unknownVariableInAHash){
  return Object.keys(unknownVariableInAHash)[0]
}

const foo = 42
const bar = 'baz'
console.log(getVariableName({foo})) //returns string "foo"
console.log(getVariableName({bar})) //returns string "bar"

唯一的（小）问题是您必须将未知变量包装在 {} 之间，这没什么大不了的。

Answer 6

如您要调试（显示 var 的名称和 var 的值）， 我也一直在寻找它，只是想分享我的发现。

这不是通过从 var 中检索 var 的名称，而是反过来：从 var 的名称（作为字符串）中检索 var 的值。

可以在没有 eval 的情况下使用非常简单的代码来执行此操作，条件是您将 var 传递给带有引号的函数，然后全局声明变量：

foo = 'bar';

debug('foo'); 

function debug(Variable) { 
 var Value = this[Variable]; // in that occurrence, it is equivalent to
 // this['foo'] which is the syntax to call the global variable foo
 console.log(Variable + " is " + Value);  // print "foo is bar"
}

Answer 7

我认为你可以使用

getVariableName({foo});

Answer 8

通过 .filter() 使用 2D 参考数组

注意：我现在觉得上面@Offermo 的回答是最好用的。留下我的答案以供参考，尽管我大多不建议使用它。

这是我独立提出的，它需要显式声明变量名并且仅适用于唯一值。 （但如果满足这两个条件就可以了。）

// Initialize some variables
let var1 = "stick"
let var2 = "goo"
let var3 = "hello"
let var4 = "asdf"


// Create a 2D array of variable names
const varNames = [
    [var1, "var1"],
    [var2, "var2"],
    [var3, "var3"]
]


// Return either name of variable or `undefined` if no match
const getName = v => varNames.filter(name => name[0] === v).length
  ? varNames.filter(name => name[0] === v)[0][1]
  : undefined


// Use `getName` with OP's original function
function getVariableName(unknownVariable){
  return getName(unknownVariable)
}