Question

用例示例：

我有一个属性为“ myProperty”的对象，具有getter和setter（自EcmaScript 5：https://www.w3schools.com/js/js_es5.asp开始支持“ Property Getters和Setters”）：
```
var obj = {
  myProperty:'myPropertyValue', 
  get myProperty(){
    return this.property;
  },
  set myProperty(value){
    this.property=value;
  }
};
```
我想将该属性绑定到视图，这是名为bindProperty的自定义函数的任务。

为了将属性myProperty传递给函数，我可以做类似的事情

bindProperty(obj, 'myProperty');

但是，我想避免将属性名称作为硬编码字符串传递。字符串具有缺点，即在重构期间属性名称更改时不会更新字符串。

如果我愿意使用

bindProperty(obj, obj.myProperty);

该函数仅知道属性值“ myPropertyValue”，而不知道该值来自何处。

=>如何在不使用字符串的情况下传递/标识属性本身？

A。使用反射？

我可以想象

bindProperty(obj, ()=>obj.myProperty);

函数bindProperty然后必须做一些反射魔术才能在lambda表达式（伪代码）的主体中找出属性的名称：

let attributeName = getNameofArgumentFromBodyOfLambdaExpression(lambda);
obj[attributeName] = 'newValue';

=>在JavaScript中是否可以使用反射来评估lambda表达式的主体以获取属性的名称？

（我知道这可以用.NET语言完成，例如

Private Sub BindProperty(Of T)(propertyExpression As Expression(Of Func(Of T)))

    Dim propertyName As String = GetPropertyName(propertyExpression)
'...

）

B。使用复杂的属性

另一种选择是我使用包装属性对象，它们具有自己的getter和setter。但是，我必须使用类似的属性

obj.myProperty.set('newValue')

或

obj.myProperty('newValue')  //similar to knockout observables

我仍然希望能够使用出色的Getter / Setter功能。换句话说：我想像普通属性一样使用属性：

obj.myProperty = 'newValue'

因此，这不是我的选择，我更喜欢使用String而不是B。

C。还有其他选择吗？

Answer 1

javascript中的对象或多或少只是字符串或符号到值的映射。在运行时环境中，您没有真正需要调用的反映，它使您可以从值向后移到属性名。

如果您需要的只是重构，一种方法是通过通过Flow或Typescript或某种类型的某种信息（可能是类型信息）来配置您的IDE以识别字符串访问器。允许反射在.NET之类的语言中起作用的功能）。或者，您可以只满足诸如“ viewable_propName”之类的唯一前缀，并在需要重命名时进行简单的查找和替换。

如果您真正专注于在没有类型信息的情况下使用当前的ES6语法来工作，则可以执行以下操作：

function getNameofPropFromVal(obj, val){
    for(let prop in obj){
       if(obj[prop] === val) return prop;
    }
}

obj[getNameofPropFromVal(obj, obj.myProp)] = 'newVal';

尽管这有缺点：（1）不能保证两个属性不会共享相同的值。（2）引入了不必要的运行时开销。

最后，如果您愿意成为尖端技术并使用babel之类的转换器，则可以在bindProperty方法中使用装饰器。这样，您就可以在对象定义本身中进行绑定。这里是an article解释要点，这里是the more formal ECMAScript proposal。

Answer 2

我发现以下简单的解决方法可以满足我的需求：

function bindProperty(obj, lambdaExpression){

 let expression = lambdaExpression.toString();  // "()=> obj.myProperty"
 let subStrings = expression.split(".");
 let propertyName = subStrings[1]; 

 console.info(propertyName );
 //...

}

如何在不使用硬编码字符串的情况下传递javascript属性（名称）？

2 个答案: