JavaScript Basics
Essential JavaScript fundamentals including variables, data types, operators, and basic syntax.
Variables
var a; # variable
var b = "init"; # string
var c = "Hi" + " " + "Joe"; # = "Hi Joe"
var d = 1 + 2 + "3"; # = "33"
var e = [2,3,5,8]; # array
var f = false; # boolean
var g = /()/; # RegEx
var h = function(){}; # function object
const PI = 3.14; # constant
var a = 1, b = 2, c = a + b; # one line
let z = 'zzz'; # block scope local
Data Types
var age = 18; # number
var name = "Jane"; # string
var obj = {first:"Jane", last:"Doe"}; # object
var truth = false; # boolean
var arr = ["HTML","CSS","JS"]; # array
var a; typeof a; # undefined
var a = null; # value null
Operators
a = b + c - d; # addition, subtraction
a = b * (c / d); # multiplication, division
x = 100 % 48; # modulo. 100 / 48 remainder = 4
a++; b--; # postfix increment and decrement
a == b # equals
a === b # strict equal
a !== b # strict unequal
a != b # not equal
a < b a > b # less and greater than
a <= b a >= b # less or equal, greater or equal
a += b # a = a + b
a && b # logical and
a || b # logical or
typeof a # type of variable
Strict Mode
"use strict"; # Use strict mode to write secure code
x = 1; # Throws an error (variable not declared)
Output
console.log(a); # write to the browser console
document.write(a); # write to the HTML
alert(a); # output in an alert box
confirm("Really?"); # yes/no dialog, returns true/false
prompt("Your age?","0"); # input dialog. Second parameter is default
Comments
/* Multi line
comment */
# One line comment
On Page Script
<script type="text/javascript">
# Your code here
</script>
# Include external JS file
<script src="filename.js"></script>