javascript – 从属性值中获取属性键

前端之家收集整理的这篇文章主要介绍了javascript – 从属性值中获取属性键前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给出以下 javascript对象:
  1. var commands = {
  2. back:{
  3. command: "b",aliases: ["back","go back","backwards"],action: function(){
  4. return this.key; //I want this to return "back" (the prop name)
  5. },desc: "goes back"
  6. }
  7. }

如何从action()中访问“返回”的Property Name?

我认为它应该很简单,但如果它不是简单的东西,我会添加更多的细节.

>注意:别名[0]偶然保留了名称,并且不承诺将来或其他命令保留它.

编辑:
有时我们会变得复杂,而我们可以很快解决问题.
在这种情况下,我可以继续并返回字符串“返回”

如果有这样的解决方案,我会留下问题并接受解决我问题的答案.

解决方法

如上所述返回字符串绝对是最简单的方法.但我可以看到有人可能希望能够通过动态创建的对象获得类似功能的情况,其中直到运行时才知道密钥.

在这种情况下可以使用的解决方案是将命令对象暴露给子对象,以便它们可以自我查找:

  1. var commands = {
  2. back:{
  3. command: "b",action: function(){
  4. var commandKeys = Object.keys(commands);
  5. for(var i=0; i < commandKeys.length; i++){
  6. if(commands[commandKeys[i]] === this){
  7. return commandKeys[i];
  8. }
  9. }
  10. },desc: "goes back"
  11. }
  12. };

在这种情况下,在所有这些操作对象之间共享函数也可能更有意义:

  1. var commands = {
  2. back:{
  3. command: "b",action: getAction,desc: "goes back"
  4. },forward: {
  5. //...
  6. action: getAction,//...
  7. }
  8. };
  9.  
  10. function getAction() {
  11. var commandKeys = Object.keys(commands);
  12. for(var i=0; i < commandKeys.length; i++){
  13. if(commands[commandKeys[i]] === this){
  14. return commandKeys[i];
  15. }
  16. }
  17. }

除非您需要为每个子对象执行某些特定逻辑.

编辑:为了提高效率,我们可以在每次调用时都不执行getAction函数,并添加一个存储名称属性.这样,查找仅在第一次发生.

  1. var commands = {
  2. back:{
  3. command: "b",//...
  4. }
  5. };
  6. // Only needs to getKey the first time called.
  7. function getAction() {
  8. if(!this.key) this.key = getKey(this);
  9. return this.key;
  10. }
  11. function getKey(obj) {
  12. var commandKeys = Object.keys(commands);
  13. for(var i=0; i < commandKeys.length; i++){
  14. if(commands[commandKeys[i]] === obj){
  15. return commandKeys[i];
  16. }
  17. }
  18. }

猜你在找的JavaScript相关文章