Question

我正在尝试创建一个具有setter和getter功能的函数。

以下是我的测试规格。

it('the returned function can get properties of the given object', () => {
    let accessObject = accessor({ a: 100 });
    expect(accessObject('a')).toEqual(100);

    accessObject = accessor({ foobar: [7, 8, 9] });
    expect(accessObject('foobar')).toEqual([7, 8, 9]);
    expect(accessObject('a')).toEqual(undefined);
  });

  it('the returned function can set properties of the given object', () => {
    const obj = { stuff: 'something' };
    const accessObject = accessor(obj);

    accessObject('stuff', 'a new value');
    expect(obj.stuff).toEqual('a new value');

    expect(obj['pizz-pie']).toEqual(undefined);
    //              key       value
    accessObject('pizza-pie', 'yummmm');
    expect(obj['pizza-pie']).toEqual('yummmm');
  });
});

下面的代码通过了我的测试规范，但是我对为什么感到困惑，尤其是在代码的设置部分。

const accessor = obj => {
  return (prop, value) => {
    if (value === undefined) {
      return obj[prop];
    } else {

      // QUESTION: what is going on here?  
      return obj[prop] = value;
    }
  };
};

请在上面的代码中查看我的问题。

Answer 1

如果没有传递value作为参数，那么您的代码就像一个吸气剂。否则，它会作为二传手买入，设置后立即返回属性值。

您可以想到这是用另一种方式写的；

if (value === undefined) {
  return obj[prop];
} else {
  obj[prop] = value;
  return obj[prop];
}

JavaScript：创建函数，该函数返回一个返回具有getter / setter功能的输出的函数

1 个答案: