JavaScript Reflection：获取变量的名称？

Question

我有几个变量被分配给同一个函数。属性“name”是“”，因为该函数是匿名的；

也不涉及函数调用，因此没有被调用者。

JS中有没有办法通过自己实现的反射算法来获取变量的名称？

例如

var x = function(){}
var myUnknownNamedVar1 = myUnknownNamedVar2 = x;

背景：

为了空间效率，数千个变量名称被分配给与延迟加载树桩相同的“静态”函数，这些变量名称在第一个时被解析为单独的函数调用调用。 （变量名还包含命名空间）。

替代方案：

我的替代方案是使用诸如 {_name: myUnknownNamedVar1 , _fn: x} 之类的对象

。此问题的解决方案会很有趣。一个特殊的问题是辨别脚本中具有不同名称的变量，这些变量指向同一对象。

Answer 1

可以使用对象反射，如下所示：

const getVarName = obj => Object.keys(obj)[0];
const varToGetTheNameOf = "Value!";
getVarName({ varToGetTheNameOf }) // => "varToGetTheNameOf"

Answer 2

不，没有。

对此的一个简单解释（强化了帖子中的观点）很简单：变量（或属性）不是值/对象。相反，它是值/对象的“名称”。同一个对象可以被命名多次。

想象一下这个例子，并考虑它如何映射到给人们的“名字”:-)

var fred = function Fred () {}
fred.name // "Fred"

// An unknown number of nicknames can exist...
var francisco = fred
var frankyTheFiveFingers = fred
someOtherRegion.theGoodPerson = fred

// But sometimes nicknames are known; note that this is
// a locatable (e.g. "known") iterable set.
// (While properties can be iterated, variables cannot.
//  However, iterating *every* object is not feasible, hence
//  it must be a locatable set.)
fred.nicknames = ["Freddy", "FD"]

mary.nicknamesFor(fred) // who knows :-)     

快乐编码。

Answer 3

1. 您可以尝试解析脚本的文本。

JSFiddle 示例

var x = function(){}
var myUnknownNamedVar1 = myUnknownNamedVar2 = x;

var txt  = (document.currentScript && document.currentScript.textContent) ||
           (document.scripts       && document.scripts[1]
                                   && document.scripts[1].textContent);
var arr  = txt.match(/var\s*(.*)\s*=\s*x\b/);
arr[1]   = arr[1].replace(/\s+$/,"");
var vars = arr[1].split(/\s*=\s*/);

// vars: ["myUnknownNamedVar1", "myUnknownNamedVar2"]

---

2. 您可以尝试比较值

JSFiddle 示例

var x = function(){}
var myUnknownNamedVar1 = myUnknownNamedVar2 = x;

var vars = [];
for (var prop in window){
    if (window[prop] == x)
      vars.push(prop);
}

// vars: ["x", "myUnknownNamedVar1", "myUnknownNamedVar2"]

---

注意： 两种方法都需要改进（例如递归，更好/更多的匹配模式）。第二个仅查看全局变量，而闭包中的某些变量可能不会暴露给全局命名空间。此外，还有对象的对象。

Answer 4

您可以使用装饰器来检测变量的名称，该变量必须是：

(a)- 类

(b)- 类或实例的属性

(c)- 类或实例的方法

---

装饰器提供有关装饰的 3 个信息：

1. 目标
2. 键
3. 描述符

因此：

• (a)的名称是target.name

• (b)或(c)的名称直接是key

   function logName(目标, key) {
     console.log(!key ? target.name : key);
   }
  

示例(尝试小提琴) :

  @logName
  class Person {

     @logName
     firstname="Someone";

     @logName
     fullName() {
       return this.firstname+' '+this.lastname;
     }

  }

尝试 Fiddle

Answer 5

你可以做的一个技巧是这样的：

    
let myVariable = 1;
console.log((()=>myVariable).toString().replace('()=>', ''))