Movatterモバイル変換


[0]ホーム

URL:


Menu
×
See More 
Sign In
+1 Get Certified Upgrade For Teachers Spaces Get Certified Upgrade For Teachers Spaces
   ❮     
     ❯   

Basic JavaScript

JS TutorialJS SyntaxJS VariablesJS OperatorsJS If ConditionsJS LoopsJS StringsJS NumbersJS FunctionsJS ObjectsJS DatesJS ArraysJS Typed ArraysJS SetsJS MapsJS MathJS RegExpJS Data TypesJS ErrorsJS EventsJS ProgrammingJS ReferencesJS Versions

JS Advanced

JS FunctionsJS ObjectsJS ClassesJS IterationsJS AsynchronousJS ModulesJS Meta & ProxyJS HTML DOMJS WindowsJS Web APIJS AJAXJS JSONJS jQueryJS GraphicsJS ExamplesJS Reference


JavaScript Syntax

Syntax Rules

Syntax are the rules how programs must be constructed:

// 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 forliterals (fixed values) are:

Numbers are written with or without decimals:

Example

10.50

1001
Try it Yourself »

Strings are text, written within double or single quotes:

Example

"John Doe"

'John Doe'
Try it Yourself »

JavaScript Keywords

JavaScriptkeywords are used to definesactions to be performed.

Thelet andconst keywords create variables:

Example

let x = 5;

const fname = "John";
Try it Yourself »

Note

JavaScript keywords arecase-sensitive.

JavaScript does not interpretLET orLet as the keywordlet.


JavaScript Variables

Variables are containers forstoring data values.

Variables must beidentified withunique names.

Example

// Define x as a variable
let x;

// Assign the value 6 to x
x = 6;
Try it Yourself »

JavaScript Identifiers

Anidentifier is thename 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

JavaScriptassignment operators (=) assign values to variables:

Example

let x = 5;
let y = 6;
let sum = x + y;
Try it Yourself »

JavaScript usesarithmetic operators (+-*/ ) tocompute values:

Example

5 * 10
Try it Yourself »

JavaScript Expressions

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

Examples

(5 + 6) * 10 evaluates to 110:

(5 + 6) * 10
Try it Yourself »

Expressions can also contain variable:

x * 10
Try it Yourself »

"John" + " " + "Doe", evaluates to "John Doe":

"John" + " " + "Doe"
Try it Yourself »


JavaScript is Case Sensitive

JavaScript identifiers arecase sensitive.

The variableslastName andlastname, are different variables:

Example

let lastName = "Doe";
let lastname = "Peterson";
Try it Yourself »

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

Tutorial on YouTube
Tutorial on YouTube



×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted ourterms of use,cookies andprivacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved.W3Schools is Powered by W3.CSS.


[8]ページ先頭

©2009-2025 Movatter.jp