I've played with jsperf.com and found that prototyped function is 40x slower than "default" declared function.
String.prototype.contains = function(s){ return !!~this.indexOf(s) }
= 220K ops/s
vs.
function isContains(str, s) { return !!~str.indexOf(s) }
= 8.5KK ops/s
Here's a jsperf test case
P.S. I know that prototype modification isn't the best case and can be named 'monkey patching' :)
'Prototype' helps remove code redundancy which helps boost your app's performance. If you are seeking to optimize resources or memory on your application, you should use prototype .
A Function object's prototype property is used when the function is used as a constructor with the new operator. It will become the new object's prototype. Note: Not all Function objects have the prototype property — see description.
Every object in JavaScript has a built-in property, which is called its prototype. The prototype is itself an object, so the prototype will have its own prototype, making what's called a prototype chain. The chain ends when we reach a prototype that has null for its own prototype.
The prototype property is set to function when it is declared. All the functions have a prototype property. proto property that is set to an object when it is created using a new keyword. All objects behavior newly created have proto properties.
I think it is slow because the string primitive is automatically wrapped with a temporary object each time a method is called.
This also explains the performance boost of new Object("hi").foo()
over "hi".foo()
.
From the MDN docs:
String literals (denoted by double or single quotes) and strings returned from String calls in a non-constructor context (i.e., without using the new keyword) are primitive strings. JavaScript automatically converts primitives and String objects, so that it's possible to use String object methods for primitive strings. In contexts where a method is to be invoked on a primitive string or a property lookup occurs, JavaScript will automatically wrap the string primitive and call the method or perform the property lookup.
Nearby:
Why can't I add properties to a string object in javascript?
String object versus literal - modifying the prototype?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With