JavaScriptのベストプラクティス大会 jsEdu

Roger Wakeman @rgrwkmn

Use anonymous functions in setTimeout and setInterval instead of named functions or strings for more flexible scope. #jsEdu #javascript

Dean Peterson @dpeterson_1

Wrap your JavaScript code in a function to localize variables. #jsEdu

Jeremy Clements @jeremy_clements

Try not to use myVar.length as the conditional statement in for loops, because it will need to be calculated every time. #jsEdu

Dean Peterson @dpeterson_1

Use the Object Literal pattern to organize your JavaScript code. var obj ={method:function(){},method:function(){}}; #jsEdu

Hector Benitez @HectorBenitez

Variables in javascript either have global scope or function scope, always use the 'var' keyword to control this #jsEdu

Václav Boháč @vaclavbohac

Use Object.prototype.hasOwnProperty.call(yourObject, i) in for-in loop. You can prevent bugs with extending built-in types. #jsEdu

@matthiaswh

JS Best Practices: comment your code! You'll appreciate this later. Use === rather than ==. And use external files. #jsEdu cc @nettuts

Jeremy McPeak @jwmcpeak

Specify the radix when calling parseInt() and parseFloat(). Otherwise, you may experience inconsistent results. #jsEdu

Peter Wooley @peterwooley

In JavaScript, always declare your variables with "var" to avoid scoping confusion. #jsEdu

🇩🇴 Junior Hernández @junihh

Shorthands is better. "var name = []" is more simple than "var name = new array ()" #jsEdu

Nikki @nicolahibbert

Use a document fragment to append multiple elements to the page at once. One reflow rather than many = a big performance boost #jsEdu

Jeremy McPeak @jwmcpeak

The DOM is slow. Limit your interaction with it (especially if your changes require a repaint or reflow). #jsEdu

CyberSpektre @CyberSpektre

Always declare your variables outside of the for statement #jsEdu

Jeremy McPeak @jwmcpeak

Use event delegation instead of assigning event handlers to multiple elements. #jsEdu

Romain Ruetschi @_romac

Wrap your code in an auto-executing function to localize your variables.( function( $ ) { /* Code */ } )( jQuery ); #jsEdu

Jose Marmolejos @SuMajestadJose

@junihh it might be quicker to type, but it's less legible #jsEdu

🇩🇴 Junior Hernández @junihh

More performance ?? don't forget this: "var array_total = arrayname.length" to use it with "for". #jsEdu

Diogo Resende @dresende

Always avoid using uppercase letters in variable/object/function names. Javascript is CASE SENSITIVE! #jsEdu

Glenn Stovall @GSto

getElementbyID will also match elements by name in IE. be careful about that to avoid compatibility problems #jsEdu

Kaz @kazoo0217

alert("hello"); #jsEdu

Jeremy McPeak @jwmcpeak

Objects can be used as hash tables. obj["myMethod"](); is the same as obj.myMethod(). #jsEdu

Seungjin Kim (@seungjin@mstd.seungjin.net) @seungjin

Always use an object literal -- {} -- instead of the new Object() contructor. #jsEdu

Dean Peterson @dpeterson_1

Search for #jsEdu in twitter for a great collection of JavaScript best practices tips :-)

Anders Ringqvist @anddoutoi

Sweet shortcuts: +operator converts to number, !! converts to boolean: var foo='42';console.log(typeof foo,typeof +foo,typeof !!foo); #jsEdu

Ariel Mariani @arielmariani

Alway try to use CamelCased variables when writting Javascript #jsEdu