JavaScript: Create Function that returns 一个函数 returns output with getter / setter capabilities

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');
  });
});

下面的代码通过了我的测试规范，但我对原因感到困惑，特别是在我代码的 setter 部分。

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 作为参数传递，那么您的代码就像 getter。否则，它作为 setter 购买在设置后立即返回属性值。

你可以这样想，也可以这样写；

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

JavaScript: Create Function that returns 一个函数 returns output with getter / setter capabilities

JavaScript: Create Function that returns a function that returns output with getter / setter capabilities

javascript

setter

return

function

object