ts通过可以获取对象的值报错？

Question

  interface ITransformNames {
    [propName: string]: string;
  }
  const transformNames:ITransformNames = {
    webkit: '-webkit-transform',
    Moz: 'MozTransform',
    O: 'OTransform',
    ms: 'msTransform',
    standard: 'transform'
  }

  for (const key in transformNames) {
    if (elementStyle[transformNames[key]] !== undefined) {
      return key
    }
  }

Answer 1

确实是const elementStyle = document.createElement('div').style导致的问题，CSSStyleDeclaration 这个类型并不是简单的键值对，所以你之前的思路就不适用了，用标准方法解决就行了。

interface ITransformNames {
    [propName: string]: string;
}
const transformNames:ITransformNames = {
    webkit: '-webkit-transform',
    Moz: 'MozTransform',
    O: 'OTransform',
    ms: 'msTransform',
    standard: 'transform'
}
for (const key in transformNames) {
    if (elementStyle.hasOwnProperty(transformNames[key])) {
        return key
    }
}

Answer 2

代码中 transformNames[key] 拿到的是个 string 类型，是特定 KEY 中的一个，按更宽的类型匹配也不是 number，就报了个关于 number 的错。