JavaScript patterns

functon some () { “use strict”; // do something... ubar = ‘dedededfe’ // error}

for (var i = 0; i < myarray.length; i++ ) { // = some}for (var i = 0, max = myarray.length; i < max ;i++ ) { // = some}

var man = { heads : 2, legs : 2 };Object.prototype.clne = function() {};for (var i in man) { if (man.hasOwnProperty(i)) { console.log(i, ‘:’, man[i]); } # => heads:2} # legs:2

var zero = 0;if (zero === false) { // good}if (zero == false) { // anti pattern}

// anti patternparseInt(“012”) => 10// good wayparseInt(“012”, 10) => 12Number(“012”) => 12

var Person function(name) { this.name = name; this.say = function(){ return “ test “ + this.name };}var person = new Person(“aaa”);

var Person = function(name) { this.name = name; this.say = function(){ return “ test “ + this.name };}var person = Person(“aaa”);person.name // => this will reference window.name orglobal symbol ‘name’

var Waffle = function() { var that = { msg : ‘yummy’ }; return that;}var waffle = new Waffle(); // => {msg: ‘yummy’};

function Waffle() { if(!(this instanceof Waffle)) { return new Waffle(); } this.tastes = ‘yummy’ ;}var waffle = Waffle(); // is instance of Waffle

try { throw { name : “someError”, message : “error test”, test : function() { return name } };} catch (e) { console.log(e.test());}

try { throw { name : “someError”, message : “error test”, errorStatus : 312 };} catch (e) { return [message, e.errorStatus];}

function Gadget () { this.name = “aaaa”; this.getName = function () { return name}; this.setName = function (n) { name = n };}var g = new Gadget();g.name = “changed”;

var blog = Blog.load( {blog_id: 2} );var entry = blog.entries().ﬁrst();var logger = function(msg) { console.log(“Blog : “ + blog.id + “ Entry :“ + entry.id + msg)};logger(“see this”) / /=> “Blog id : 2 Entry id : 3 seethis”

$(‘div1’).onclick = function () { alert (‘aaa’);}$(‘div2’).onclick = function () { alert (‘bbb’);}....

$(‘div1’).onclick = gen_alert(‘aaa’);$(‘div2’).onclick = gen_alert(‘bbb’);function gen_alert(msg) { return function { alert(msg) };}

typedef int (*CALLBACK)(* void); // pointer type for int func(void *)typedef struct { CALLBACK handler; void * option;} callback_data;callback_data callback;void register_callback (CALLBACK f, void* opt) { callback.handler = f; callback.option = opt;}void invoke_callback() { CALLBACK f = callback.handler; f(callback.option);}char * msg = “message”;int speak() { printf (“%s”, (char *)void) };main () { register_callback((CALLBACK)speak, (void *)msg); invoke_callback();}

http://www.skyarc.co.jp	255
http://webcache.googleusercontent.com	6
http://translate.googleusercontent.com	2

JavaScript patterns

by Norihito YAMAKAWA on Jan 16, 2011

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 263

Statistics

JavaScript patterns — Presentation Transcript