Why most JavaScript native functions are slower than their naive implementations?

by

After looking at ECMA-262. It seems that the native implementations just do more in terms of error handling and features than the simple self-implementations.

For instance, check out the polyfill implementation of map on MDN: Array.prototype.map(). It’s based off the same algorithm specified in ECMA-262. Updating your example to use this algorithm now makes the native implementation faster—although just slightly: map-native-vs-implemented.

Also, map might not be the best example to test since it’s bouncing back and forth between native code and the provided lambda function.

I would have expected better performance for the native concat function. Nevertheless, looking at ECMA-262 we can see it also just does more. Looking at the algorithm in section 15.4.4.4, we can see that it handles some extra cases. For instance combining multiple arguments—some being arrays and some being other types:

[1, 2, 3].concat([4, 5, 6], "seven", 8, [9, 10]);

returns

[1, 2, 3, 4, 5, 6, "seven", 8, 9, 10]

Finally it’s important to note that these are pretty basic algorithms. When running such algorithms on huge data sets, or thousands of times consecutively, it may seem that one is significantly faster than the other. However, performing even a couple of extra safety checks over thousands of iterations can render one algorithm significantly slower than one that does not do those checks. Count the computational operations—if your extra error handling and features doubles the lines of code in the loop, it’s only natural that it would be slower.

More Related Contents:

  1. Are eval() and new Function() the same thing?
  2. What is wrong with this function
  3. What does the exclamation mark do before the function?
  4. What is the use of the JavaScript ‘bind’ method?
  5. How can I call PHP functions by JavaScript?
  6. Why can I use a function before it’s defined in JavaScript?
  7. Call Python function from JavaScript code
  8. Adding console.log to every function automatically
  9. Calling a JavaScript function named in a variable [duplicate]
  10. How can I create every combination possible for the contents of two arrays?
  11. Extending an Object in Javascript
  12. Calling javascript function in iframe
  13. In Javascript/jQuery what does (e) mean?
  14. What is the difference between Unary Plus/Number(x) and parseFloat(x)?
  15. Make function wait until element exists
  16. Javascript: Call a function after specific time period
  17. anchor jumping by using javascript
  18. Is NaN equal to NaN?
  19. Immediate function using JavaScript ES6 arrow functions
  20. Is there a JavaScript function that reduces a fraction
  21. Why is this function wrapped in parentheses, followed by parentheses? [duplicate]
  22. What happens if I call a function with more arguments than it is defined to accept?
  23. The reason to use JS .call() method?
  24. Can you create functions with custom prototypes in JavaScript?
  25. Use JavaScript variable as function name?
  26. Javascript: Get access to local variable or variable in closure by its name [duplicate]
  27. Lambda function syntax in JavaScript without curly braces
  28. What are the different ways of writing an IIFE? What are their use cases?
  29. How to get function body text in JavaScript? [duplicate]
  30. Why can’t I use a Javascript function before its definition inside a try block?

Leave a Comment