[フレーム]

JS Tutorial

JS HOME JS Introduction JS Where To JS Output JS Syntax JS Statements JS Comments JS Variables JS Let JS Const JS Operators JS Arithmetic JS Assignment JS Functions JS Objects JS Events JS Strings JS String Templates JS Numbers JS Arrays JS Dates JS Math JS Booleans JS Comparisons JS Logical JS If Else JS Switch JS Loops JS Break JS Continue JS Errors JS Scope JS Code Blocks JS UTF-8 Characters JS News 2025-2015

JS Statements

JS Statements JS Keywords Reference JS Keywords Reserved

JS Operators

JS Assignment JS Arithmetic JS Comparison JS Logical Operators JS Bitwise Operators JS Operator Reference JS Operator Precedence

JS Data Types

JS Data Types JS typeof JS toString() JS Type Conversion

JS Strings

JS String Methods JS String Search JS String Reference

JS Numbers

JS Number Methods JS Number Properties JS Number Reference JS Math Reference JS Random JS BigInt JS Bitwise

JS Dates

JS Date Formats JS Date Get JS Date Set JS Date Reference

JS Arrays

JS Array Methods JS Array Search JS Array Sort JS Array Iterations JS Array Reference JS Array Const

JS Functions

Function Definitions Function Arrows Function Parameters Function Invocation Function this Function Call Function Apply Function Bind Function Closures

JS Objects

Object Definitions Object Properties Object Methods Object Display Object Constructors Object this Object Destructuring Object Prototypes Object Iterations Object Management Object Get / Set Object Protection Object Reference

JS Classes

JS Classes JS Class Inheritance JS Class Static

JS Sets & Maps

JS Sets JS Set Methods JS Set Logic JS Set WeakSet JS Set Reference JS Maps JS Map Methods JS Map WeakMap JS Map Reference

JS Iterations

JS Loops JS Loop for JS Loop while JS Loop for...in JS Loop for...of JS Iterables JS Iterators JS Generators

JS RegExp

JS RegExp JS RegExp Flags JS RegExp Classes JS RegExp Metachars JS RegExp Assertions JS RegExp Quantifiers JS RegExp Patterns JS RegExp Objects JS RegExp Methods

JS Typed Arrays

JS Typed Arrays JS Typed Methods JS Typed Reference

JS Async

JS Callbacks JS Asynchronous JS Promises JS Async/Await

JS Versions

JS Versions JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS 2024 JS 2025 JS IE / Edge JS History

JS Programming

JS Strict Mode JS Scopes JS Hoisting JS Debugging JS Modules JS Style Guide JS Best Practices JS Mistakes JS Performance

JS HTML DOM

DOM Intro DOM Methods DOM Document DOM Elements DOM HTML DOM Forms DOM CSS DOM Animations DOM Events DOM Event Listener DOM Navigation DOM Nodes DOM Collections DOM Node Lists

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

Web API Intro Web Validation API Web History API Web Storage API Web Worker API Web Fetch API Web Geolocation API

JS AJAX

AJAX Intro AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications AJAX Examples

JS JSON

JSON Intro JSON Syntax JSON vs XML JSON Data Types JSON Parse JSON Stringify JSON Objects JSON Arrays JSON Server JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Selectors jQuery HTML jQuery CSS jQuery DOM

JS Graphics

JS Graphics JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Examples

JS Examples JS HTML DOM JS HTML Input JS HTML Objects JS HTML Events JS Browser JS Editor JS Exercises JS Quiz JS Website JS Syllabus JS Study Plan JS Interview Prep JS Bootcamp JS Certificate

JS References

JavaScript Objects HTML DOM Objects


JavaScript Syntax

Syntax Rules

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 for literals (fixed values) are:

Numbers are written with or without decimals:

10.50

1001
Try it Yourself »

Strings are text, written within double or single quotes:

"John Doe"

'John Doe'
Try it Yourself »

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;
Try it Yourself »

JavaScript Identifiers

Identifiers are used to name variables and keywords, and functions.

The rules for legal names are the same in most programming languages:

A name must begin withA name can contain
A letter (A-Z or a-z)A letter (A-Z or a-z)
A number (0-9)
A dollar sign ($)A dollar sign ($)
An underscore (_)An underscore (_)

Note

Numbers are not allowed as the first character in names.

This way JavaScript can easily distinguish identifiers from numbers.


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";
Try it Yourself »

JavaScript Operators

JavaScript assignment operators (=) assign values to variables:

Example

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

JavaScript uses arithmetic operators ( + - * / ) to compute 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 ti 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 Comments

Code after double slashes // or between /* and */ is treated as a comment.

Comments are ignored, and will not be executed:

Example

let x = 5; // I will be executed

// x = 6; I will NOT be executed
Try it Yourself »

Note

You will learn more about comments in a later chapter.


JavaScript is Case Sensitive

All JavaScript identifiers are case sensitive.

The variables lastName and lastname, are two different variables:

Example

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

Note

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


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.

Note

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:

JavaScript programmers tend to use camel case that starts with a lowercase letter:

firstName, lastName, masterCard, interCity.



Video: JavaScript Syntax

Tutorial on YouTube
Tutorial on YouTube


Track your progress - it's free!
×

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

FORUM ABOUT ACADEMY
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 our terms of use, cookie and privacy policy.

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

AltStyle によって変換されたページ (->オリジナル) /