Metaprogramming JavaScript

Metaprogramming JavaScript Dan Webb (dan@danwebb.net)

What? “ the writing of computer programs that write or manipulate other programs (or themselves) as their data”

With JavaScript?! ★ Small and ﬁesty but widely misunderstood ★ Relies on few but powerful constructs ★ You can work with functions, arguments, built-ins types and mechanisms like inheritance at runtime ★ Techniques underpin many JS libraries

JavaScript Exposed: Objects Out Of Control!

Play along!

4 building blocks

(Nearly) everything is a hash

number string boolean undeﬁned

everything else is an Object

This works with any object

Expandos: a special case

Inspecting objects

Inspecting types

First typeof then instanceof

Functions are Objects

'Methods' are just functions that are assigned to a property of an object

arguments

Functions can return other functions

Closure

Back to wikipedia... “ A closure occurs when a function is deﬁned within another function, and the inner function refers to local variables of the outer function.

Why is that useful?

Functions can be used to make objects

Constructor functions are just functions

The magic is in the new operator

inheritance

The point is: its all just functions, objects and properties

We can hack it all.

So what can you do with this stuff?

Patch holes in bad implementations

Self optimising code

Pretty APIs

Domain Speciﬁc Languages

DOMBuilder http://danwebb.net/lowpro

DIY language features

John Resig's method overloading http://ejohn.org/blog/javascript-method-overloading/

Prototype 1.6 Classes http://prototypejs.org/learn/class-inheritance

and a lot more...

Looking back... ★ JavaScript is small but totally ﬂexible ★ A handful of techniques provide everything you need ★ It's all about objects, properties and functions ★ Don't worry if its not all sunk in. Have a play around. Slides will be available.

Coming Soon...

http://www.danwebb.net	1752
http://www.sitepoint.com	446
http://www.coderholic.com	141
http://dixionjavascript.blogspot.com	135
http://www.slideshare.net	63
http://danwebb.net	56
http://www.mutationevent.com	49
http://www.mwashahi.net	37
http://charlie-blog.com	28
http://www.rolandpoulter.com	24
http://www.techgig.com	20
http://iknow.y.pps.tv	15
http://iblank.tumblr.com	14
http://blogs.sitepoint.com	10
http://www.squiz.co.uk	10
http://static.slideshare.net	9
http://localhost	9
http://onwebdev.blogspot.com	8
http://kb.skillbill.it	6
http://lodumani.nexon.com	5
http://www.netvibes.com	5
http://www.dowling.me.uk	5
http://www.danwebb.net.sharedcopy.com	4
http://argus.tistory.com	4
file://	4
http://tumble.derbumi.com	4
http://danwebb.tumblr.com	4
http://www.charlie-blog.com	3
http://livebuzz.com.br	3
http://twitter.com	2
http://s.deeeki.com	2
https://twimg0-a.akamaihd.net	2
http://rss.sitepoint.com	2
http://www.filescon.com	2
http://www.mashme.tv	2
http://maidbots.com	2
http://eldercarerobot.com	2
http://uptolife.blogspot.com	1
http://www.rapidsharefast.com	1
http://translate.yandex.net	1
http://www.hanrss.com	1
http://blog.naver.com	1
http://s3.amazonaws.com	1
https://si0.twimg.com	1
http://tumblr.rolandpoulter.com	1
http://rhio.tistory.com	1
http://cache.baidu.com	1
http://www.thinkingphp.org	1
http://64.233.167.104	1
http://webcache.googleusercontent.com	1
http://feeds.feedburner.com	1

Metaprogramming JavaScript

by danwrong on Nov 21, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

55 Embeds 2,907

Statistics

Metaprogramming JavaScript — Presentation Transcript