Last active
February 15, 2018 22:45
-
-
Save adamloving/6075912 to your computer and use it in GitHub Desktop.
Beautiful Javascript. This is an example of what I think good Javascript formatting looks like (my style guidelines). Fork this and show me how you like it, or comment if I forgot anything.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// camel case variable names (no underscores) | |
// instance variables are nouns | |
var myArray = [1, 2, 3]; // space after commas | |
// title case for class names (class names should be nouns) | |
// space before bracket | |
function Widget() { | |
// two spaces for indentation | |
var parameterOne = 1; | |
var parameterTwo = 2; | |
doSomething(parameterOne, parameterTwo); | |
} | |
// space before and after "=" | |
// camel case key names, unless matching a server side format | |
// single quotes for strings | |
var myObject = { | |
myKey: 'value' | |
}; | |
// space before and after parens | |
if (myArray.length === 0) { | |
var x = 1; | |
} else { // else uses one line | |
var y = 2; | |
} | |
// function names should be verbs | |
// space after params of function definition | |
logSomething = function(text) { | |
return console.log(text); | |
}; | |
// when passing objects, use a space after the key, and after the comma | |
doSomething({ x: 2 }, { y: 3 }); | |
//Use newlines to group logically related pieces of code. For example: | |
doSomething(x); | |
doAnotherSimilarThing(x); | |
doSomethingTotallyDifferent(y); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Glad to see my style choice matches the majority: http://sideeffect.kr/popularconvention/#javascript