{"id":1431,"date":"2013-03-04T00:04:41","date_gmt":"2013-03-04T00:04:41","guid":{"rendered":"http:\/\/www.sitekickr.com\/blog\/?p=1431"},"modified":"2013-03-04T00:18:37","modified_gmt":"2013-03-04T00:18:37","slug":"pranking-prototype","status":"publish","type":"post","link":"https:\/\/www.sitekickr.com\/blog\/pranking-prototype\/","title":{"rendered":"Pranking with Prototype"},"content":{"rendered":"

I want to start this post by saying that there really is no practical use for the information presented here. One could argue that it's a great intro to JavaScript object's prototype<\/em> property, but it's really meant to be humorous, the type of thing you do when a deadline isn't approaching and you really want to drive your colleagues crazy.<\/p>\n

To do this properly, you need to have an understanding of JavaScript's core language feature, prototype. You can do so by searching for prototype<\/em><\/a> within this blog, or just google it. This post isn't too bad: http:\/\/1closure.com\/2012\/07\/object-oriented-javascript-part-2-how-the-prototype-works\/<\/a><\/p>\n

If you already know how prototype works, you know that it can be used to override "built-in" JavaScript methods and functions. Once you have that understanding, it's time to get creative.<\/p>\n

I would say that 99% of the web applications I develop start with me loading in the jQuery library. Other developers may use other libraries. I bring this up because we'll need a hiding place for our "prank code". Within the jQuery library file itself is a great place to tuck the code, as a typical developer would never think twice about checking it.<\/p>\n

So, what kind of things can we do to really drive our colleagues crazy?<\/p>\n

String Manipulation<\/h3>\n
    \n
  1. Override the string replace function.
    \n\t\t<\/strong>
    \n\t\tString.prototype.replace = function() { return 'milkshake'; }<\/p>\n

    \t\ta = 'http:\/\/www.example.com';<\/p>\n

    \t\ta.replace('http', 'https');<\/code><\/p>\n

    \t\tmilkshake<\/p>\n

    \t\t<\/span><\/code><\/li>\n

  2. Override the a case change function.<\/strong>\n

    \t\tString.prototype.toLowerCase = function() { return this.toUpperCase(); }<\/p>\n

    \t\t'Test'.toLowerCase()<\/p>\n

    \t\t"TEST"<\/p>\n

    \t\t<\/span><\/code><\/li>\n

  3. Play with the built-in trim function<\/strong> so it actually doubles the amount of white space padding, instead of removing it.\n

    \t\tString.prototype.trim = function() { return this.replace(\/ \/g, ' '); }<\/p>\n

    \t\t'  test  '.trim()<\/p>\n

    \t\t"    test    "<\/p>\n

    \t\t<\/span><\/kbd><\/code><\/li>\n<\/ol>\n

    You get the idea. You can be pretty devious and really drive a fellow developer crazy trying to figure out why his code keeps outputting the string "milkshake"!<\/p>\n

    Unfortunately, JavaScript doesn't have a very extensive collection of built-in functions. What's worse, is that you can't override the Math object functions. So, you really need to get creative!<\/p>\n","protected":false},"excerpt":{"rendered":"

    I want to start this post by saying that there really is no practical use for the information presented here. One could argue that it's…<\/p>\n","protected":false},"author":1,"featured_media":1435,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"amp_status":""},"categories":[219,238,5,122],"tags":[227],"_links":{"self":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/1431"}],"collection":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/comments?post=1431"}],"version-history":[{"count":5,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/1431\/revisions"}],"predecessor-version":[{"id":1437,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/posts\/1431\/revisions\/1437"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media\/1435"}],"wp:attachment":[{"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/media?parent=1431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/categories?post=1431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sitekickr.com\/blog\/wp-json\/wp\/v2\/tags?post=1431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}