Объясните блок сумасшедшего кода JS внутри Sizzle (механизм выбора CSS) - PullRequest
Новая
       14

Объясните блок сумасшедшего кода JS внутри Sizzle (механизм выбора CSS)

3 голосов
/ 27 марта 2010

Итак, вот функция предварительной фильтрации "РЕБЕНОК": 

function(match){
    if ( match[1] === "nth" ) {
        // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
        var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec(
            match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
            !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);

        // calculate the numbers (first)n+(last) including if they are negative
        match[2] = (test[1] + (test[2] || 1)) - 0;
        match[3] = test[3] - 0;
    }

    // TODO: Move to normal caching system
    match[0] = done++;

    return match;
}

Код извлекается из строки 442-458 файла sizzle.js .

Итак, почему в строке var test = ... exec вводит логическое значение? Или это действительно строка?

Может кто-нибудь объяснить это, разбив его на несколько строк кода?

1 Ответ

10 голосов
/ 27 марта 2010

Метод exec получит строку, поскольку логические операторы могут возвращать операнд, а не обязательно результат Boolean, например:

Оператор Logical AND (&&) вернет значение второго операнда , если первый truey : 

true && "foo"; // "foo"

И он вернет значение первого операнда , если оно само по себе falsy : 

NaN && "anything"; // NaN
0 && "anything";   // 0

Оператор Logical OR (||) вернет значение второго операнда, если первый - falsy : 

false || "bar"; // "bar"

И он вернет значение первого операнда , если оно само по себе не ложно : 

"foo" || "anything"; // "foo"

Falsy Значения: null, undefined, NaN, 0, строка нулевой длины и, конечно, false.

Все остальное, вычисленное в логическом контексте, равно truey (приведет к true).

Итак, давайте посмотрим выражение: 

var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec(
  match[2] === "even" && "2n" ||  // return '2n' if match[2] is 'even'
  match[2] === "odd" && "2n+1" || // return '2n+1' if it's 'odd'
  !/\D/.test(match[2]) && "0n+" + match[2]|| // return '0n+N' if it's a digit(N) 
  match[2]  // otherwise, return the match[2] value
 );
...