blocks|key|283697|text|通常，在希望将名称映射到某个值的情况下，您可以使用哈希表，并且能够同时检索这两个值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283698|​|283699|var+obj+=+{+myFirstName:+'John'+};
obj.foo+=+'Another+name';
for(key+in+obj)
++++console.log(key+%2B+':+'+%2B+obj[key]);|code-block|syntax|javascript|283700|283701|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Typically, you would use a hash table for a situation where you want to map a name to some value, and be able to retrieve both.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var obj = { myFirstName: 'John' };
obj.foo = 'Another name';
for(key in obj)
    console.log(key + ': ' + obj[key]);</code></pre>
</div>
</div>
</p>


blocks|key|286982|text|喜欢赛斯的回答，但使用Object.keys()：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|286983|​|286984|const+varToString+=+varObj+=>+Object.keys(varObj)[0]

const+someVar+=+42
const+displayName+=+varToString({+someVar+})
console.log(displayName)|code-block|syntax|javascript|286985|286986|entityMap^0|B|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|T|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|O|$]]

<p>Like Seth's answer, but uses <code>Object.keys()</code> instead:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const varToString = varObj =&gt; Object.keys(varObj)[0]

const someVar = 42
const displayName = varToString({ someVar })
console.log(displayName)</code></pre>
</div>
</div>
</p>


blocks|key|289345|text|您可以使用以下解决方案来解决您的问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|289346|const+myFirstName+=+'John'
Object.keys({myFirstName})[0]

//+returns+"myFirstName"|code-block|syntax|javascript|289347|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can use the following solution to solve your problem:</p>

<pre><code>const myFirstName = 'John'
Object.keys({myFirstName})[0]

// returns "myFirstName"
</code></pre>


blocks|key|283762|text|在ES6中，你可以这样写：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283763|let+myVar+=+'something';
let+nameObject+=+{myVar};
let+getVarNameFromObject+=+(nameObject)+=>+{
++for(let+varName+in+nameObject)+{
++++return+varName;
++}
}
let+varName+=+getVarNameFromObject(nameObject);|code-block|syntax|javascript|283764|这不是最好看的东西，但它能完成工作。|283765|这利用了ES6的对象解构。|283766|更多信息请点击此处：https://hacks.mozilla.org/2015/05/es6-in-depth-destructuring/|offset|length|283767|entityMap|0|LINK|mutability|MUTABLE|url|https://hacks.mozilla.org/2015/05/es6-in-depth-destructuring/^0|0|0|0|0|A|1P|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>In ES6, you could write something like:</p>

<pre><code>let myVar = 'something';
let nameObject = {myVar};
let getVarNameFromObject = (nameObject) =&gt; {
  for(let varName in nameObject) {
    return varName;
  }
}
let varName = getVarNameFromObject(nameObject);
</code></pre>

<p>Not really the best looking thing, but it gets the job done.</p>

<p>This leverages ES6's object destructuring.</p>

<p>More info here: <a href="https://hacks.mozilla.org/2015/05/es6-in-depth-destructuring/" rel="noreferrer">https://hacks.mozilla.org/2015/05/es6-in-depth-destructuring/</a></p>


blocks|key|285945|text|var+x+=+2;
for(o+in+window){+
+++if(window[o]+===+x){
++++++alert(o);
+++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|285946|然而，我认为你应该像"karim79“那样做。|unstyled|285947|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>var x = 2;
for(o in window){ 
   if(window[o] === x){
      alert(o);
   }
}
</code></pre>

<p>However, I think you should do like "karim79"</p>


blocks|key|3001005|text|这适用于基本表达式|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3001006|const+nameof+=+exp+=>+exp.toString().match(/[.](\w%2B)/)[1];|code-block|syntax|javascript|3001007|示例|3001008|nameof(()+=>+options.displaySize);|3001009|代码片段：|3001010|​|3001011|var+nameof+=+function+(exp)+{+return+exp.toString().match(/[.](\w%2B)/)[1];+};
var+myFirstName+=+'Chuck';
var+varname+=+nameof(function+()+{+return+window.myFirstName;+});
console.log(varname);|3001012|3001013|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|X|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Y|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|Q|3|N|5|6|7|10|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|S|$]]

<p>This works for basic expressions</p>

<pre><code>const nameof = exp =&gt; exp.toString().match(/[.](\w+)/)[1];
</code></pre>

<p>Example</p>

<pre><code>nameof(() =&gt; options.displaySize);
</code></pre>

<p>Snippet:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var nameof = function (exp) { return exp.toString().match(/[.](\w+)/)[1]; };
var myFirstName = 'Chuck';
var varname = nameof(function () { return window.myFirstName; });
console.log(varname);</code></pre>
</div>
</div>
</p>


blocks|key|3214468|text|为了安全起见，pop可能比索引with更好(变量可能为空)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3214469|const+myFirstName+=+'John'
const+variableName+=+Object.keys({myFirstName}).pop();
console.log(`Variable+${variableName}+with+value+'${variable}'`);

//+returns+"Variable+myFirstName+with+value+'John'"|code-block|syntax|javascript|3214470|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Probably pop would be better than indexing with [0], for safety (variable might be null).</p>

<pre><code>const myFirstName = 'John'
const variableName = Object.keys({myFirstName}).pop();
console.log(`Variable ${variableName} with value '${variable}'`);

// returns "Variable myFirstName with value 'John'"
</code></pre>


blocks|key|3214557|text|从任何有效的Javascript+(变量、类)中获取字符串：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3214558|const+nameOf+=+(f)+=>+(f).toString().replace(/[+%7C=>]/g,'');|code-block|syntax|javascript|3214559|示例：|3214560|nameOf(()+=>+myVariable)+++++++++++++//+myVariable
nameOf(()+=>+myVariable.name)++++++++//+myVariable.name
nameOf(()+=>+myVariable.name.length)+//+myVariable.name.length
nameOf(()+=>+myVariable.name[10])++++//+myVariable.name[10]
nameOf(()+=>+MySuperClass)+++++++++++//+MySuperClass|3214561|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Get a string from any valid Javascript (variable, class):</p>
<pre><code>const nameOf = (f) =&gt; (f).toString().replace(/[ |=&gt;]/g,'');
</code></pre>
<p>Examples:</p>
<pre><code>nameOf(() =&gt; myVariable)             // myVariable
nameOf(() =&gt; myVariable.name)        // myVariable.name
nameOf(() =&gt; myVariable.name.length) // myVariable.name.length
nameOf(() =&gt; myVariable.name[10])    // myVariable.name[10]
nameOf(() =&gt; MySuperClass)           // MySuperClass
</code></pre>


blocks|key|289362|text|到目前为止，我找到的获取字符串形式的变量名称的最短方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|289363|​|289364|const+name+=+obj+=>+Object.keys(obj)[0];

const+whatsMyName+=+"Snoop+Doggy+Dogg";

console.log(+"Variable+name+is:+"+%2B+name({+whatsMyName+})+);
//result:+Variable+name+is:+whatsMyName|code-block|syntax|javascript|289365|289366|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Shortest way I have found so far to get the variables name as a string:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const name = obj =&gt; Object.keys(obj)[0];

const whatsMyName = "Snoop Doggy Dogg";

console.log( "Variable name is: " + name({ whatsMyName }) );
//result: Variable name is: whatsMyName</code></pre>
</div>
</div>
</p>


blocks|key|289303|text|从ECMAScript+5.1开始，您可以使用Object.keys从对象中获取所有属性的名称。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|289304|下面是一个示例：|289305|​|289306|//+Get+John’s+properties+(firstName,+lastName)
var+john+=+{firstName:+'John',+lastName:+'Doe'};
var+properties+=+Object.keys(john);

//+Show+John’s+properties
var+message+=+'John’s+properties+are:+'+%2B+properties.join(',+');
document.write(message);|code-block|syntax|javascript|289307|289308|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys^0|1|E|N|B|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|14|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|15|8|@]|D|@]|E|$M|N]]|$1|O|3|I|5|6|7|16|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]]]

<p>Since <strong>ECMAScript 5.1</strong> you can use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys">Object.keys</a> to get the names of all properties from an object.</p>

<p>Here is an example:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>// Get John’s properties (firstName, lastName)
var john = {firstName: 'John', lastName: 'Doe'};
var properties = Object.keys(john);

// Show John’s properties
var message = 'John’s properties are: ' + properties.join(', ');
document.write(message);</code></pre>
</div>
</div>
</p>


blocks|key|3214547|text|使用Object.keys()的最佳方法；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3214548|示例:获取全局范围内的多变量名称|3214549|//+multi+variables+for+testing
var+x+=+5+,+b+=+true+,+m+=+6+,+v+=+"str";

//+pass+all+variables+you+want+in+object
function+getVarsNames(v+=+{}){
++++//+getting+keys+or+names+!
++++let+names+=+Object.keys(v);
++++//+return+array+contain+all+names+of+variables+
++++return+names;
}

//+testing+if+that+work+or+not+
let+VarsNames+=+getVarsNames({x+,+b+,+m+,+v});

console.log(VarsNames);+//+output+is+array+[x+,+b+,+m+,+v]|code-block|syntax|javascript|3214550|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>best way using Object.keys();</p>
<p>example : for getting multi variables names in global scope</p>
<pre><code>// multi variables for testing
var x = 5 , b = true , m = 6 , v = &quot;str&quot;;

// pass all variables you want in object
function getVarsNames(v = {}){
    // getting keys or names !
    let names = Object.keys(v);
    // return array contain all names of variables 
    return names;
}

// testing if that work or not 
let VarsNames = getVarsNames({x , b , m , v});

console.log(VarsNames); // output is array [x , b , m , v]
</code></pre>


blocks|key|3214261|text|你可以在javascript中反射类型并获得属性和方法的名称，但你需要的是像.NET中的Lambda+Expressions+Trees那样的东西，我认为这是不可能的，因为javascript中的动态性质和缺乏静态类型系统。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3214262|entityMap|0|LINK|mutability|MUTABLE|url|http://pietschsoft.com/post/2008/02/28/Simple-JavaScript-Object-Reflection-API-%2528NET-Style%2529.aspx^0|18|O|4|A|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<p>You can reflect on types in <a href="http://pietschsoft.com/post/2008/02/28/Simple-JavaScript-Object-Reflection-API-%28NET-Style%29.aspx" rel="nofollow">javascript</a> and get the name of properties and methods but what you need is sth like <em><code>Lambda Expressions Trees</code></em> in .NET, I think it's not be possible due to dynamic nature and lack of static type system in javascript.</p>


blocks|key|286970|text|我需要这个，不想使用对象，于是想出了以下解决方案，解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|286971|我没有将变量名转换为字符串，而是将字符串转换为变量。|offset|length|style|BOLD|286972|当然，这只有在变量名称已知的情况下才有效。|286973|看看这个：|286974|var+height+=+120;
testAlert(height);|code-block|syntax|javascript|286975|这应该会显示：|286976|height:+120|286977|这可以像这样完成：|286978|function+testAlert(ta)
{
++++a+=+window[ta];
++++alert(ta+%2B+':+'+%2B+a);+
}

var+height+=+120;
testAlert("height");
//+displays:+height:+120|286979|因此，我使用字符串"height"，并使用window[]命令将其转换为变量height。|CODE|286980|entityMap^0|0|0|Q|0|0|0|0|0|0|0|0|9|8|L|8|12|6|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@$D|15|E|16|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|17|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|18|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|19|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1A|8|@]|9|@]|A|$]]|$1|S|3|T|5|N|7|1B|8|@]|9|@]|A|$O|P]]|$1|U|3|V|5|6|7|1C|8|@]|9|@]|A|$]]|$1|W|3|X|5|N|7|1D|8|@]|9|@]|A|$O|P]]|$1|Y|3|Z|5|6|7|1E|8|@$D|1F|E|1G|F|10]|$D|1H|E|1I|F|10]|$D|1J|E|1K|F|10]]|9|@]|A|$]]|$1|11|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|12|$]]

<p>I needed this, don't want to use objects, and came up with the following solution, turning the question around. </p>

<p><strong>Instead of converting the variable name into a string, I convert a string into a variable.</strong> </p>

<p>This only works if the variable name is known of course.</p>

<p>Take this:</p>

<pre><code>var height = 120;
testAlert(height);
</code></pre>

<p>This should display:</p>

<pre><code>height: 120
</code></pre>

<p>This can be done like this:</p>

<pre><code>function testAlert(ta)
{
    a = window[ta];
    alert(ta + ': ' + a); 
}

var height = 120;
testAlert("height");
// displays: height: 120
</code></pre>

<p>So I use the string <code>"height"</code> and turn that into a variable <code>height</code> using the <code>window[]</code> command. </p>


blocks|key|3214494|text|使用Internet+Explorer+(9、10和11)、Google+Chrome+5：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3214495|​|3214496|var+myFirstName+=+"Danilo";
var+varName+=+Object.keys({myFirstName:0})[0];
console.log(varName);|code-block|syntax|javascript|3214497|3214498|浏览器兼容表：|3214499|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys|offset|length|3214500|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|2K|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|10|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|11|8|@]|9|@$N|12|O|13|1|14]]|A|$]]|$1|P|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|M]]]]

<p>This worked using Internet Explorer (9, 10 and 11), Google Chrome 5:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>   
var myFirstName = "Danilo";
var varName = Object.keys({myFirstName:0})[0];
console.log(varName);</code></pre>
</div>
</div>
</p>

<p>Browser compatibility table:<br>
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys</a></p>


blocks|key|283867|text|如果您正在寻找快速和肮脏的东西，这可能会起作用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283868|var+zox+=+150;

cl("zox");

function+cl(c)+{
++++console.log(c+%2B+':+'+%2B+this[c]);+//+zox:+150++++
}|code-block|syntax|javascript|283869|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you're looking for something quick and dirty, this might work:</p>
<pre><code>var zox = 150;

cl(&quot;zox&quot;);

function cl(c) {
    console.log(c + ': ' + this[c]); // zox: 150    
}
</code></pre>


blocks|key|3214534|text|我已经按照别人的建议基于JSON创建了这个函数，可以很好地满足我的调试需求|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3214535|​|3214536|function+debugVar(varNames){
let+strX+=+"";
function+replacer(key,+value){
++++if+(value+===+undefined){return+"undef"}
++++return+value
++++}++++
for+(let+arg+of+arguments){
let+lastChar;
++++if+(typeof+arg!==+"string"){
++++++++let+_arg+=+JSON.stringify(arg,+replacer);
++++++++_arg+=+_arg.replace('{',"");
++++++++_arg+=+_arg.replace('}',"");++++++++++++
++++++++_arg+=+_arg.replace(/:/g,"=");
++++++++_arg+=+_arg.replace(/"/g,"");
++++++++strX%2B=_arg;
++++}else{
++++strX%2B=arg;
++++lastChar+=+arg[arg.length-1];
++++}
++++if+(arg!==arguments[arguments.length-1]&&lastChar!==":"){strX%2B="+"};
}
console.log(strX)++++
}
let+a+=+42,+b+=+3,+c;
debugVar("Begin:",{a,b,c},"end")|code-block|syntax|javascript|3214537|3214538|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>I've created this function based on JSON as someone suggested, works fine for my debug needs</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function debugVar(varNames){
let strX = "";
function replacer(key, value){
    if (value === undefined){return "undef"}
    return value
    }    
for (let arg of arguments){
let lastChar;
    if (typeof arg!== "string"){
        let _arg = JSON.stringify(arg, replacer);
        _arg = _arg.replace('{',"");
        _arg = _arg.replace('}',"");            
        _arg = _arg.replace(/:/g,"=");
        _arg = _arg.replace(/"/g,"");
        strX+=_arg;
    }else{
    strX+=arg;
    lastChar = arg[arg.length-1];
    }
    if (arg!==arguments[arguments.length-1]&amp;&amp;lastChar!==":"){strX+=" "};
}
console.log(strX)    
}
let a = 42, b = 3, c;
debugVar("Begin:",{a,b,c},"end")</code></pre>
</div>
</div>
</p>


blocks|key|289401|text|对于那些想要打印variableName和variableValue以进行调试的人，这里有一个函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|289402|const+printNameValue+=+(v)=>+{
++var+varName+=+(v).toString().replace(/[+%7C=>]/g,+'')
++var+varValue+=+(v)()
++//+neat+:+console.log(varName,varValue);
++//+with+some+coloring++:+
++console.log("\033[1;96m[\033[1;33m+"+%2B+varName+%2B+"+:\033[0;0m+"+%2B+varValue%2B"\033[1;96m+]\033[0;0m");
}|code-block|syntax|javascript|289403|示例：|289404|const+myNiceVariable+=+1234|offset|length|style|CODE|289405|呼叫：|289406|printNameValue(()=>+myNiceVariable+)|289407|结果：|289408|📷|atomic|289409|​|289410|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/680bdd350dfdf019b670dc247da15508.jpeg|imageAlt^0|0|0|0|0|R|0|0|0|10|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1A|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1B|8|@$K|1C|L|1D|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1E|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1F|8|@$K|1G|L|1H|M|N]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1I|8|@]|9|@]|A|$]]|$1|U|3|V|5|W|7|1J|8|@]|9|@$K|1K|L|1L|1|1M]]|A|$]]|$1|X|3|Y|5|6|7|1N|8|@]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16|17|-4]]]]

<p>For those who would like to print variableName and variableValue for debugging purposes, here is a function:</p>
<pre><code>const printNameValue = (v)=&gt; {
  var varName = (v).toString().replace(/[ |=&gt;]/g, '')
  var varValue = (v)()
  // neat : console.log(varName,varValue);
  // with some coloring  : 
  console.log(&quot;\033[1;96m[\033[1;33m &quot; + varName + &quot; :\033[0;0m &quot; + varValue+&quot;\033[1;96m ]\033[0;0m&quot;);
}
</code></pre>
<p>Example:</p>
<p><code>const myNiceVariable = 1234</code><br>
call:<br>
<code>printNameValue(()=&gt; myNiceVariable )</code><br>
result:
<a href="https://i.stack.imgur.com/xZ2KL.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xZ2KL.jpg" alt="display with colors in the terminal" /></a></p>


blocks|key|289252|text|不，没有。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|289253|此外，如果你会写variablesName(myFirstName)，你就已经知道了变量名("myFirstName")。|offset|length|style|CODE|289254|entityMap^0|0|8|Q|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>No, there is not.<br>
Besides, if you can write <code>variablesName(myFirstName)</code>, you already know the variable name ("myFirstName").</p>


<p>Is there a way to get a variable name as a string in Javascript? (like <a href="https://developer.apple.com/documentation/foundation/1395257-nsstringfromselector" rel="noreferrer"><code>NSStringFromSelector</code></a> in <a href="https://en.wikipedia.org/wiki/Cocoa_(API)" rel="noreferrer">Cocoa</a>)</p>

<p>I would like to do like this:</p>

<pre><code>var myFirstName = 'John';
alert(variablesName(myFirstName) + ":" + myFirstName);

--&gt; myFirstName:John
</code></pre>

<hr>

<p><strong>UPDATE</strong></p>

<p>I'm trying to connect a browser and another program using JavaScript. I would like to send instance names from a browser to another program for callback method:</p>

<pre><code>FooClass = function(){};
FooClass.someMethod = function(json) {
  // Do something
}

instanceA = new FooClass();
instanceB = new FooClass();
doSomethingInAnotherProcess(instanceB); // result will be substituted by using instanceB.someMethod();

...
</code></pre>

<p>From another program:</p>

<pre><code>evaluateJavascriptInBrowser("(instanceName).someMethod("resultA");");
</code></pre>

<p>In PHP:
<a href="https://stackoverflow.com/questions/255312/how-to-get-a-variable-name-as-a-string-in-php/255335#255335">How to get a variable name as a string in PHP?</a></p>


Variable name as a string in Javascript

JSON

有没有办法在Javascript中以字符串的形式获取变量名？(就像中的我想这样做：var myFirstName = 'John';alert(variablesName(myFirstName) + ":" + myFirstName);--> myFirstName:John更新我正在尝试使用JavaScript连接浏览器和另一个程序。我想将实例名称从浏览器发送到另一个程序，用于回调方法：Fo

问Javascript中字符串形式的变量名
EN

回答 18

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript中字符串形式的变量名EN

回答 18

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript中字符串形式的变量名
EN