Introduction to Underscore.js
Download as PPTX, PDF5 likes2,086 views
Underscore.js is a utility library that provides support for functional programming and offers over 70 functions for working with arrays, objects, functions and more. It is commonly used for tasks like mapping, reducing, filtering collections as well as composing functions together through chaining and higher-order functions. While not focused on DOM manipulation like jQuery, Underscore is useful for both client-side and server-side JavaScript applications.
Introduction to Underscore.js
- 1. Introduction to Underscore.js David Jacobs @MetaThis
- 2. What Is Underscore? • Utility library • Provides support for functional programming
- 3. General Purpose Client-side and Server-side • It has nothing to do with DOM manipulation (unlike jQuery) • No functionality specific to web browsers
- 4. Node.js Most depended on module in NPM http://search.npmjs.org
- 5. Over 70 Functions Collections Arrays Functions Objects Utility - each - first - bind - keys - noConflict - map - initial - bindAll - values - identity - reduce - last - memoize - functions - times - reduceRight - find - rest - delay - extend - mixin - filter - compact - defer - defaults - uniqueId - reject - flatten - throttle - clone - escape - all - without - debounce - tap - template - any - union - once - has - include - invoke - intersection - after - isEqual Chaining - pluck - difference - wrap - isEmpty - chain - max - uniq - compose - isElement - value - min - zip - isArray - sortBy - indexOf - isArguments - groupBy - sortedIndex - lastIndexOf - isFunction - shuffle - range - isString - toArray - is…(more like this) - size
- 6. JavaScript Functions • Functions are objects • Functions are values – Can be assigned to a variable – Can be passed to another function as an argument – Can be returned by a function
- 7. Functional Programming • Functional programming is using functions as a mapping from one value to another value • Thinking and programming in a functional style means using higher-order functions – Composition – Chaining
- 8. Map “Transform this array into a new array, using this transformation”
- 9. Reduce “Accumulate a single value from an array of values”
- 10. Filter “Give me a subset of my array that meets my conditions”
- 12. Metaprogramming wrap _.wrap(function, wrapper) • Wraps the first function inside of the wrapper function, passing it as the first argument. This allows the wrapper to execute code before and after the function runs, adjust the arguments, and execute it conditionally. tap _.tap(object, interceptor) • Invokes interceptor with the object, and then returns object.
- 13. Functional Helpers compose _.compose(*functions) • Returns the composition of a list of functions, where each function consumes the return value of the function that follows. In math terms, composing the functions f(), g(), and h() produces f(g(h())).
- 14. Flow Helpers after _.after(count, function) • Creates a version of the function that will only be run after first being called count times. Useful for grouping asynchronous responses, where you want to be sure that all the async calls have finished, before proceeding.
- 15. More Info Web Site http://documentcloud.github.com/underscore Github https://github.com/documentcloud/underscore/ Annotated Source Code (useful!) http://documentcloud.github.com/underscore/docs/underscore.html