Question

我正试图将我的脑袋包裹起来，我努力让它与ES6 Map

一起工作

考虑这个简单的案例（live demo）：

// create a new map
const m = new Map();

m.set('value', 5);

console.log(m.get('value') * 5)

流量抛出：

console.log(m.get('value') * 5)
               ^ Cannot perform arithmetic operation because undefined [1] is not a number.
References:
[LIB] static/v0.72.0/flowlib/core.js:532:     get(key: K): V | void;
                                                               ^ [1]

我也尝试过：

const m:Map<string, number> = new Map();

m.set('value', 5);

console.log(m.get('value') * 5)

但我得到了同样的错误

我相信这是因为flow认为值也可以是一个数字，所以我试图用严格的setter和getter（live demo）包装地图：

type MyMapType = {
    set: (key: string, value: number) => MyMapType,
    get: (key: string) => number
};

function MyMap() : MyMapType {
    const map = new Map();

    return {
        set (key: string, value: number) {
          map.set(key, value);
          return this;
        },
        get (key: string) {
          return map.get(key);
        }
    }
}


const m = MyMap();

m.set('value', 5);

const n = m.get('value');

console.log(n * 2);

然后我得到了：

get (key: string) {
^ Cannot return object literal because undefined [1] is incompatible 
with number [2] in the return value of property `get`.
References:
[LIB] static/v0.72.0/flowlib/core.js:532:     get(key: K): V | void;
                                                               ^ [1]
get: (key: string) => number                            ^ [2]

如何判断流量我只处理数字地图？

修改

打字稿方法对我有更多的感觉，它会在设置上而不是获取。

// TypeScript

const m:Map<string, number> = new Map();

m.set('value', 'no-number'); // << throws on set, not on get

console.log(m.get('value') * 2);

有没有办法让Flow的行为方式相同？

Answer 1

Flow试图告诉您的是，通过从该地图中调用map.get(key)，.get(...) may (V) or may not (void) return something。如果在地图中找不到该密钥，则对.get(...)的调用将返回undefined。要解决这个问题，您需要处理未定义返回内容的情况。以下是一些方法：

（Try）

const m = new Map();

m.set('value', 5);

// Throw if a value is not found
const getOrThrow = (map, key) => {
  const val = map.get(key)
  if (val == null) {
    throw new Error("Uh-oh, key not found") 
  }
  return val
}

// Return a default value if the key is not found
const getOrDefault = (map, key, defaultValue) => {
  const val = map.get(key)
  return val == null ? defaultValue : val
}

console.log(getOrThrow(m, 'value') * 5)
console.log(getOrDefault(m, 'value', 1) * 5)

map.get(key)键入为V | void的原因是地图可能不包含该键的值。如果密钥没有值，那么您将抛出运行时错误。 Flow开发人员决定在我们编写代码然后在运行时发现时，他们宁愿强迫开发人员（你和我）思考这个问题。

Answer 2

随机并且很晚了，但是当我没有看到它提到时，我正在搜索并提出了自己的用例：

const specialIdMap = new Map<SpecialId, Set<SpecialId>>();
const set : Set<SpecialId> = specialIdMap.get(uniqueSpecialId) || new Set();

，这节省了很多检查null和/或其他内容的样板。当然，这仅在您也不依赖虚假的值的情况下才有效。或者，您可以使用新的??运算符。

使用流式

2 个答案: