javascript 正则表达式 切换菜单

Question

谁能解释一下这是什么意思: /expanded/.test(类)

我知道“/”是正则表达式的开始和结束，并且扩展的是一个类的名称。但 .test(classes) 没有意义。

在此函数中: var 原始导航类；

function toggleNav() {
    var elem = document.getElementById('navigation_list');
    var classes = elem.className;
    if (originalNavClasses === undefined) {
        originalNavClasses = classes;
    }
    elem.className = /expanded/.test(classes) ? originalNavClasses : originalNavClasses + ' expanded';
}

来自: http://blog.g-design.net/post/42617934013/create-an-accessible-toggle-menu-for-mobile#notes

Answer 1

关于

/expanded/.test(classes)

这里，/expanded/ 是一个用文字符号声明的正则表达式对象。 /.../ 被称为正则表达式分隔符，在第二个 / 之后，您可以使用正则表达式修饰符(例如 i - 忽略大小写，g - 全局，m - 多行)。 classes 是一个变量。如果 classes 包含“扩展”子字符串，test() 仅返回 true，否则返回 false。

参见RegExp reference at MDN了解更多详情。

在这个具体示例中，该函数检查classes是否包含“expanded”，如果是，则使用originalNavClasses，如果不存在，则使用originalNavClasses +“扩展”。