Home Web Front-end JS Tutorial An introductory tutorial on understanding JavaScript variables_Basic knowledge

An introductory tutorial on understanding JavaScript variables_Basic knowledge

May 16, 2016 pm 03:51 PM
javascript variable

Variables are containers used to store information:

x=5; length=66.10;

Copy after login


Remember algebra from school?


When you think back to the algebra courses you took in school, you probably think of: x=5, y=6, z=x y, etc.

Remember, a letter can hold a value (such as 5), and using the information above, you can calculate the value of z to be 11.

You must not have forgotten, right?

These letters are called variables, and variables can be used to hold values ​​(x=5) or expressions (z=x y).


JavaScript Variables


Just like in algebra, JavaScript variables are used to hold values ​​or expressions.

You can give the variable a short name, like x, or something more descriptive, like length.

JavaScript variables can also hold text values, such as carname="Volvo".

Rules for JavaScript variable names:


Variables are case sensitive (y and Y are two different variables)


Variables must start with a letter or underscore


Note: Since JavaScript is case-sensitive, variable names are also case-sensitive.


Example


During the execution of the script, the value of the variable can be changed. You can refer to a variable by its name to display or change its value.

This example shows you the principle.


Declare (create) JavaScript variables


Creating variables in JavaScript is often called "declaring" them.

You can declare JavaScript variables via the var statement:

var x;
var carname;

Copy after login


After the above declaration, variables have no value, but you can assign values ​​to variables when declaring them:

var x=5;
var carname="Volvo";

Copy after login
Copy after login


Note: When assigning a text value to a variable, enclose the value in quotes.


Assigning values ​​to JavaScript variables


Assign a value to a JavaScript variable via an assignment statement:

x=5;
carname="Volvo";

Copy after login
Copy after login


The variable name is on the left side of the = symbol, and the value to be assigned to the variable is on the right side of the = symbol.

After the above statement is executed, the value saved in the variable x is 5, and the value of carname is Volvo.
Assigning a value to an undeclared JavaScript variable


If the variable you assign a value has not been declared, it will be automatically declared.

These statements:

x=5;
carname="Volvo";

Copy after login
Copy after login


Has the same effect as these statements:

var x=5;
var carname="Volvo";

Copy after login
Copy after login


Redeclare JavaScript variables


If you declare a JavaScript variable again, the variable does not lose its original value.

var x=5;
var x;

Copy after login


After the above statement is executed, the value of variable x is still 5. The value of x is not reset or cleared when the variable is redeclared.


JavaScript arithmetic


Just like algebra, you can do arithmetic using JavaScript variables:

y=x-5;
z=y+5; 

Copy after login

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to implement an online speech recognition system using WebSocket and JavaScript How to implement an online speech recognition system using WebSocket and JavaScript Dec 17, 2023 pm 02:54 PM

How to use WebSocket and JavaScript to implement an online speech recognition system Introduction: With the continuous development of technology, speech recognition technology has become an important part of the field of artificial intelligence. The online speech recognition system based on WebSocket and JavaScript has the characteristics of low latency, real-time and cross-platform, and has become a widely used solution. This article will introduce how to use WebSocket and JavaScript to implement an online speech recognition system.

WebSocket and JavaScript: key technologies for implementing real-time monitoring systems WebSocket and JavaScript: key technologies for implementing real-time monitoring systems Dec 17, 2023 pm 05:30 PM

WebSocket and JavaScript: Key technologies for realizing real-time monitoring systems Introduction: With the rapid development of Internet technology, real-time monitoring systems have been widely used in various fields. One of the key technologies to achieve real-time monitoring is the combination of WebSocket and JavaScript. This article will introduce the application of WebSocket and JavaScript in real-time monitoring systems, give code examples, and explain their implementation principles in detail. 1. WebSocket technology

JavaScript and WebSocket: Building an efficient real-time weather forecasting system JavaScript and WebSocket: Building an efficient real-time weather forecasting system Dec 17, 2023 pm 05:13 PM

JavaScript and WebSocket: Building an efficient real-time weather forecast system Introduction: Today, the accuracy of weather forecasts is of great significance to daily life and decision-making. As technology develops, we can provide more accurate and reliable weather forecasts by obtaining weather data in real time. In this article, we will learn how to use JavaScript and WebSocket technology to build an efficient real-time weather forecast system. This article will demonstrate the implementation process through specific code examples. We

Simple JavaScript Tutorial: How to Get HTTP Status Code Simple JavaScript Tutorial: How to Get HTTP Status Code Jan 05, 2024 pm 06:08 PM

JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest

What are instance variables in Java What are instance variables in Java Feb 19, 2024 pm 07:55 PM

Instance variables in Java refer to variables defined in the class, not in the method or constructor. Instance variables are also called member variables. Each instance of a class has its own copy of the instance variable. Instance variables are initialized during object creation, and their state is saved and maintained throughout the object's lifetime. Instance variable definitions are usually placed at the top of the class and can be declared with any access modifier, which can be public, private, protected, or the default access modifier. It depends on what we want this to be

Mind map of Python syntax: in-depth understanding of code structure Mind map of Python syntax: in-depth understanding of code structure Feb 21, 2024 am 09:00 AM

Python is widely used in a wide range of fields with its simple and easy-to-read syntax. It is crucial to master the basic structure of Python syntax, both to improve programming efficiency and to gain a deep understanding of how the code works. To this end, this article provides a comprehensive mind map detailing various aspects of Python syntax. Variables and Data Types Variables are containers used to store data in Python. The mind map shows common Python data types, including integers, floating point numbers, strings, Boolean values, and lists. Each data type has its own characteristics and operation methods. Operators Operators are used to perform various operations on data types. The mind map covers the different operator types in Python, such as arithmetic operators, ratio

How to get variables from PHP method using Ajax? How to get variables from PHP method using Ajax? Mar 09, 2024 pm 05:36 PM

Using Ajax to obtain variables from PHP methods is a common scenario in web development. Through Ajax, the page can be dynamically obtained without refreshing the data. In this article, we will introduce how to use Ajax to get variables from PHP methods, and provide specific code examples. First, we need to write a PHP file to handle the Ajax request and return the required variables. Here is sample code for a simple PHP file getData.php:

jQuery usage practice: several ways to determine whether a variable is empty jQuery usage practice: several ways to determine whether a variable is empty Feb 27, 2024 pm 04:12 PM

jQuery is a JavaScript library widely used in web development. It provides many simple and convenient methods to operate web page elements and handle events. In actual development, we often encounter situations where we need to determine whether a variable is empty. This article will introduce several common methods of using jQuery to determine whether a variable is empty, and attach specific code examples. Method 1: Use the if statement to determine varstr="";if(str){co

See all articles