我们使用 calc() 函数处理一个具有 width 的元素，然后 console.log() 输出的 operator 和 values 的值。 - 在线编辑器

Web 接口
CSSMathSum - 表示调用 CSSNumericValue 的方法返回的结果
我们使用 calc() 函数处理一个具有 width 的元素，然后 console.log() 输出的 operator 和 values 的值。

          <style>
div {
  width: calc(30% - 20px);
}
</style>

<div>具有宽度属性</div>

<script>
const styleMap = document.querySelector('div').computedStyleMap();

console.log( styleMap.get('width') );                  // CSSMathSum {values: CSSNumericArray, operator: "sum"}
console.log( styleMap.get('width').operator );         // 'sum'
console.log( styleMap.get('width').values );           // CSSNumericArray {0: CSSUnitValue, 1: CSSUnitValue, length: 2}
console.log( styleMap.get('width').values[0] );        // CSSUnitValue {value: 30, unit: "percent"}
console.log( styleMap.get('width').values[0].value );  // 30
console.log( styleMap.get('width').values[0].unit );   // 'percent'
console.log( styleMap.get('width').values[1] );        // CSSUnitValue {value: -20, unit: "px"}
console.log( styleMap.get('width').values[1].value );  //  -20
console.log( styleMap.get('width').values[1].unit );   // 'px'
</script>

        