• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Patterns in JavaScript
 

Patterns in JavaScript

on

  • 1,241 views

This is slides for Patterns in JavaScript

This is slides for Patterns in JavaScript

Statistics

Views

Total Views
1,241
Views on SlideShare
422
Embed Views
819

Actions

Likes
0
Downloads
15
Comments
0

7 Embeds 819

http://debugmode.net 792
http://cloud.feedly.com 19
http://feedly.com 4
http://silverreader.com 1
http://www.newsblur.com 1
http://newsblur.com 1
http://192.168.6.179 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Patterns in JavaScript Patterns in JavaScript Presentation Transcript

    • Patterns in JavaScript @debug_mode
    • Agenda Start with Object Functions Constructor Pattern Prototype Pattern Invocation Patterns Revealing Prototype Pattern Revealing Module Pattern
    • Your Presenter  Dhananjay Kumar – Evangelist , Telerik – Microsoft MVP – Mindcracker MVP – @debug_mode – http://debugmode.net – http://telerikhelper.net – Dhananjay.kumar@telerik.com
    • JavaScript Objects Using Literals Using New Operator Using Object.create()
    • Object as Literal Object literal is an expression It creates new object each time it appears in the code A single object literal can create many objects in loop
    • Object using new operator new operator creates a new object new operator initialize created object also new operator invokes a function as give in above code snippet. Function invoked after new operator is Constructor
    • Object.create() It is a static function It always has two parameters • Prototype • Properties
    • JavaScript Functions Anonymous functions should be assigned to a variable
    • Nested Functions  Nested function can access variable of parent function  Parent function cannot access variable of nested function  You cannot call nestedfunction from anywhere but the function it is nested within.
    • Passing Variables in Functions
    • Invocations Patterns Function Invocation Pattern Method Invocation Pattern Constructor Invocation Pattern InDirect Invocation Pattern
    • Function Invocation Pattern  When you call a function as an expression then it is known as Function Invocation Pattern  First each parameter gets evaluated and then being passed as argument to function  Function return either value or undefined to LHS variable .If called function does not have any return value then it returns undefined
    • Method Invocation Pattern  Function which is part of an object is known as Method  Invocation of method is known as Method Invocation Pattern  A method can access its parent object with this operator  Binding of method to object happens on execution of method
    • Indirect Invocation Pattern Call() method Apply () method Direct method
    • Revealing Prototype Pattern This is normally we implement it ,  It is hard to maintain when functionality grows  It is hard to debug  It is hard to test
    • Revealing Prototype Pattern  Code is reusable  Functions can be overridden by prototyping  There are no variables or functions in global namespace  Functions are loaded into memory only once
    • Revealing Prototype Pattern : Overriding
    • Revealing Module Pattern  To Achieve Private/Public  To Achieve Singleton  To remove singleton , remove selfexecutable code
    • Questions?