Weaintfoundshit.js

https://nicosantangelo.github.io/weaintfoundshit.js

by NicoSantangelo • 10 years ago

63 20 10 years ago

nicosantangelo.github.io

I like the fact that it works with querySelectorAll! This is compatible with my projects in which I do:

    var qsa = function(sel){return document.querySelectorAll(sel)};

However, it does not work with:

    var subqsa = function(el,sel){return el.querySelectorAll(sel);}

maga3• 10 years ago

If you're seriously wondering why is it so then, well, they're just replacing native methods of the document object, in order to get the same behavior from your second line, they'll have to replace Element.prototype.querySelectorAll as well, which is a bad idea.

nailer• 10 years ago

You can just:

  var queryAll = document.querySelectorAll.bind(document);

asadlionpk• 10 years ago

This is awesome! I wasn't expecting "I had enough" at all.

rossta• 10 years ago

Thanks, there really aren't enough memes from Spaceballs these days.

mxuribe• 10 years ago

Agreed, the world needs many more spaceballs memes! :-)

aerovistae• 10 years ago

I don't understand at all. I clicked "I don't get it," then put ".arbitrary" in as a selector, and.....a message comes up saying "Wasn't that awesome?" Nothing else happened.

What am I missing here

sb8244• 10 years ago

My best guess is you could raise an error and then you would always know if a selector didn't match.

In jQuery, a selector which doesn't match will evaluate to true, where as .length would be 0. This is a source of bugs, I'm sure, especially for beginners.

maga3• 10 years ago

I believe it's a joke. At least I opened these comments thinking it was a joke akin to VanillaJS framework[1]. querySelectorAll returns an empty array if there are no matches, you don't need fancy string messages or errors for that.

[1] http://vanilla-js.com/

atomwaffel• 10 years ago

querySelectorAll returns an empty array if there are no matches, you don't need fancy string messages or errors for that.

An empty NodeList[1] to be precise, which is sort of kind of like an array in that it has a length property and you can access its elements with index notation (`nodeList[0]`), but it doesn't inherit from Array.prototype, so it doesn't support methods like `forEach` or `map`.

[1] https://developer.mozilla.org/en-US/docs/Web/API/NodeList

NicoSantangelo2• 10 years ago

You got it, it's just a joke :)

greyskull• 10 years ago

When I ran it, at least with the UI mode on the website itself, I get a mp4 of Spaceballs.

https://nicosantangelo.github.io/weaintfoundshit.js/interact...

jondubois• 10 years ago

Keep executing document.querySelector('.foo') several times in the dev console and eventually a new video comes up lol.

spilk• 10 years ago

the mac keyboard shortcut listed should be Cmd+Option+i.

NicoSantangelo2• 10 years ago

Changed it, thanks!

jereees• 10 years ago

This should be tagged with "Show HN".

Hambonetasty• 10 years ago

Spaceballs!

Weaintfoundshit.js

Related Stories