获取变量名 Javascript

在Javascript中，我们有时需要动态地获取变量的名称，这在使用反射或调试时特别有用。但是Javascript并没有提供一个内置方法来实现这一点。本文将介绍几种常用的方法来获取变量名。

方法一：使用函数名

对于函数，我们可以通过函数名来获取函数的名称。例如在下面的例子中，我们定义一个名为foo的函数并且通过调用这个函数来获取它的名称：

function foo() {
  console.log(foo.name);
}

foo(); // 输出：foo

可以看到函数名可以通过函数对象的name属性直接获取到。

方法二：使用arguments.callee

在Javascript中，arguments.callee引用当前正在执行的函数。我们可以通过arguments.callee来获取当前函数的名称。例如在下面的例子中，我们使用arguments.callee来获取当前函数的名称：

var bar = function() {
    console.log(arguments.callee.name);
};

bar(); // 输出：bar

但是需要注意的是，由于使用了strict模式，所以arguments.callee在严格模式中被禁止使用，因此这种方法无法在严格模式下使用。

方法三：使用正则表达式和Function.prototype.toString()

我们还可以使用正则表达式和Function.prototype.toString()函数来获取函数的名称。Function.prototype.toString()返回函数的源代码，我们可以通过正则表达式解析源代码来获取函数名称。例如，在下面的例子中，我们定义了一个名为baz的函数，并通过解析函数源代码来获取它的名称：

function baz() {
}

var functionSource = baz.toString();
var functionName = functionSource.substring(functionSource.indexOf("function") + 8, functionSource.indexOf("(")).trim();

console.log(functionName); // 输出：baz

但是需要注意，针对匿名函数这种方法不能正确工作。

方法四：使用ES6中的变量名解析

ES6中引入了新的关键字let和const，这些关键字提供了一种新的方式来获取变量的名称，即使用变量名.name的方式。这种方法可以适用于变量和类，例如在下面的例子中：

let qux = 1;
console.log(qux.name); // 输出：qux

class MyClass {
  constructor() {}
}
console.log(MyClass.name); // 输出：MyClass

但是需要注意的是这种方法只适用ES6及以上版本。

结论

本文介绍了几种常用的方法来获取变量名。每种方法都有各自的优劣，具体使用哪一种方法需要视具体情况而定。