在使用之前解释检查CSS.supports()的代码

Question

我一直在看这段代码,建议CSS.supports()在使用之前检查支持:

var supportsCSS = !!((window.CSS && window.CSS.supports) || window.supportsCSS || false);

除了对|| false零件的需要外,我对它的一切都了解.有人可以解释一下吗？

编辑:

资料来源:

https://davidwalsh.name/css-supports

https://medium.com/@barvysta/css-support-directive-and-its-js-twin-ready-to-use-6eea2fefef36

那些不是唯一的.它传播得很好.

Answer 1

var supportsCSS = !!((window.CSS && window.CSS.supports) || window.supportsCSS || false);

我认为“假”的意思不是零而是“其他”。

window.CSS.supports是当前语法，window.supportsCSS是旧语法。

我的意思是“false”将来可以替换为“window.CSS.require_supports” 。

!! 用来强调我认为的代码。