window.matchMedia( mediaQueryString )是否接受mediaQueryString的变量？

Question

为了方便起见，我想构建一个函数来计算并返回各种媒体查询的结果。为此，我编写了以下代码：

//Evaluate Media Query
function eMQ(crit) {
    //Build Media Query From Criteria Parameter
    var lMQ = window.matchMedia(crit);
    //Evaluate and Return Result
    if (lMQ.matches) {
        return true;
    } else {
        return false;
    };
};

我想知道window.matchMedia(crit)是否会正确地使用crit字符串，就好像该字符串是显式写入的一样。

快速编辑:考虑到上面的函数本质上只是包含更多步骤的window.matchMedia()，我想我应该澄清我的目的。我只是觉得window.matchMedia()很笨拙，我想要一个不需要在末尾包含.matches的更短的版本。

Answer 1

只要你传递了一个有效的媒体查询字符串，你的函数应该可以正常工作，如果：

• 将媒体查询从变量发送到matchMedia。
• 将硬编码媒体查询字符串显式发送到matchMedia

例如：

var crit = "(max-width: 700px)";
var lMQ = window.matchMedia(crit);

将产生与以下内容相同的结果：

var lMQ = window.matchMedia("(max-width: 700px)");