bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths
Learn/JavaScript/JavaScript Foundations
JavaScript•JavaScript Foundations

JavaScript Syntax

Syntax Rules

// How to Declare variables:
let x = 5;
let y = 6;
// How to Compute values:
let z = x + y;
// I am a Comment. I do Nothing

JavaScript Values

The JavaScript syntax defines two types of values:

  • Literals (Fixed values)
  • Variables (Variable values)

JavaScript Literals

The most important syntax rules for literals (fixed values) are:

Numbers are written with or without decimals:

10.50
1001

Strings are text, written within double or single quotes:

"John Doe"
'John Doe'

JavaScript Keywords

JavaScript keywords are used to defines actions to be performed.

The let and const keywords create variables:

Example

let x = 5;
const fname = "John";

JavaScript keywords are case-sensitive .

JavaScript does not interpret LET or Let as the keyword let .

JavaScript Variables

Variables are containers for storing data values .

Variables must be identified with unique names .

Example

// Define x as a variable
let x;
// Assign the value 6 to x x = 6;

JavaScript Identifiers

An identifier is the name you give to a variable.

Rules for identifiers

  • Must start with a letter, _, or $
  • Can contain digits after the first character
  • Cannot be a reserved keyword (let, const, if, etc.)
  • Are case-sensitive

JavaScript Operators

JavaScript assignment operators (=) assign values to variables:

Example

let x = 5;
let y = 6;
let sum = x + y;

JavaScript uses arithmetic operators ( + - * / ) to compute values:

5 * 10

JavaScript Expressions

An expression is a combination of values, variables, and operators, which computes to a value.

(5 + 6) * 10

JavaScript is Case Sensitive

JavaScript identifiers are case sensitive .

The variables lastName and lastname , are different variables:

Example

let lastName = "Doe";
let lastname = "Peterson";

JavaScript and Camel Case

Historically, programmers have used different ways of joining multiple words into one variable name:

Hyphens

first-name, last-name, master-card, inter-city.

Hyphens are not allowed in JavaScript. They are reserved for subtractions.

Underscore

first_name, last_name, master_card, inter_city.

Upper Camel Case (Pascal Case)

FirstName, LastName, MasterCard, InterCity.

Lower Camel Case: firstName, lastName, masterCard, interCity. JavaScript programmers tend to use lower camel case. Video: JavaScript Syntax

Lower Camel Case

firstName, lastName, masterCard, interCity.

JavaScript programmers tend to use lower camel case.

Previous

JavaScript Tutorial

Next

JavaScript Operators

This chapter

Overview
51

Lessons

194m

Read time

1. JavaScript Tutorial2. JavaScript Syntax3. JavaScript Operators4. JavaScript if5. JavaScript Loops6. JavaScript Functions7. JavaScript Scope8. JavaScript Data Types9. JavaScript Style Guide10. JavaScript Introduction11. JavaScript Statements12. JavaScript Arithmetic13. JavaScript else14. JavaScript For Loop15. JavaScript Functions16. JavaScript Code Blocks17. JavaScript Primitives18. JavaScript Best Practices19. JavaScript Where To20. JavaScript Comments21. JavaScript Assignment22. The JavaScript Ternary Operator23. JavaScript While Loops24. Invoking JavaScript Functions25. JavaScript Hoisting26. JavaScript Built-In Objects27. JavaScript Common Mistakes28. JavaScript Output29. JavaScript Variables30. JavaScript Comparison31. JavaScript Switch Statement32. JavaScript Break33. JavaScript Function Parameters34. JavaScript Use Strict35. JavaScript typeof36. JavaScript Performance37. JavaScript Let38. JavaScript Conditionals39. JavaScript Booleans40. JavaScript Continue41. JavaScript Function Return42. JavaScript toString()43. JavaScript Const44. JavaScript Logical Operators45. JavaScript Control Flow46. JavaScript Function Arguments47. JavaScript Type Conversion48. JavaScript Datatypes49. JavaScript Function Expressions50. JavaScript Destructuring51. JavaScript Arrow Functions

On this page

Syntax RulesJavaScript ValuesJavaScript LiteralsJavaScript KeywordsJavaScript VariablesJavaScript IdentifiersJavaScript OperatorsJavaScript ExpressionsJavaScript is Case SensitiveJavaScript and Camel Case