возвращаемое значение анонимной функции

Question

Я хочу построить прокладку. У меня есть следующая прокладка, которая исключает только один раз и должна давать возвращаемое значение другим функциям. Это немного похоже на то, что http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/.

// WAY 1 
matches: function(){ 
     return Element.prototype.matchesSelector 
     || Element.prototype.webkitMatchesSelector 
     || Element.prototype.mozMatchesSelector 
     || Element.prototype.msMatchesSelector 
     || Element.prototype.oMatchesSelector 
     || Element.prototype.matches 
     || Element.prototype.webkitMatches 
     || Element.prototype.mozMatches 
     || Element.prototype.msMatches 
     || Element.prototype.oMatches; 
    }(), 

Теперь я хочу, чтобы использовать возвращаемое значение других функций:

Однако я не могу получить возвращаемое значение спичек, потому что он с анонимной функцией.

Это будет работать только, если я не Выполнение выражений функции сразу:

// WAY 2 
matches: function(){ 
    return Element.prototype.matchesSelector 
    || Element.prototype.webkitMatchesSelector 
    || Element.prototype.mozMatchesSelector 
    || Element.prototype.msMatchesSelector 
    || Element.prototype.oMatchesSelector 
    || Element.prototype.matches 
    || Element.prototype.webkitMatches 
    || Element.prototype.mozMatches 
    || Element.prototype.msMatches 
    || Element.prototype.oMatches; 
}, 

// Now it works, but the method is executed every time. 
if(matches('ul')){ 
... 
} 

Как я могу сделать «WAY 1» работу?

Answer 1

как вы уже упоминали, у вас есть глобальный объект с именем DOM, используя его, вы можете сделать это нравится:

matches: (DOM._getMatches = function(){ 
    return Element.prototype.matchesSelector 
    || Element.prototype.webkitMatchesSelector 
    || Element.prototype.mozMatchesSelector 
    || Element.prototype.msMatchesSelector 
    || Element.prototype.oMatchesSelector 
    || Element.prototype.matches 
    || Element.prototype.webkitMatches 
    || Element.prototype.mozMatches 
    || Element.prototype.msMatches 
    || Element.prototype.oMatches; 
})(), 

затем вызвать _getMatches всякий раз, когда вы хочу:

DOM._getMatches() 

Если у вас есть другие глобальные ob ject в вашем коде, вы можете использовать его вместо DOM.

Answer 2

Вы делаете это слишком сложным. Просто выполните это:

matches: Element.prototype.matchesSelector 
    || Element.prototype.webkitMatchesSelector 
    || Element.prototype.mozMatchesSelector 
    || Element.prototype.msMatchesSelector 
    || Element.prototype.oMatchesSelector 
    || Element.prototype.matches 
    || Element.prototype.webkitMatches 
    || Element.prototype.mozMatches 
    || Element.prototype.msMatches 
    || Element.prototype.oMatches; 

Answer 3

Анонимная функция - это функция, которая возвращает другую функцию.

В первом случае вы вызываете его и сохраняете возвращаемую функцию на matches. Затем вы вызываете эту возвращенную функцию позже.

Проблема заключается в том, что целью этой функции является сравнение HTML-элемента, хранящегося в this, с селектором, который вы передаете в качестве аргумента.

При вызове matches('ul') значение this является window (или undefined в строгом режиме). Это не элемент HTML.

Вам нужно что-то подобное:

matches.apply(document.getElementById('something_that_might_be_a_list', 'ul');