search
HomeWeb Front-endFront-end Q&AWhat is the use of variables in javascript

What is the use of variables in javascript

Oct 08, 2021 pm 05:46 PM
javascriptvariable

In JavaScript, a variable is a container that temporarily stores values. It can be used to store data, and the contents of the variable can be set, updated, or read when needed. Using variables can give a short and easy-to-remember name for a piece of data to be used in the program, and can also save data entered by the user or the results of operations.

What is the use of variables in javascript

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

Variables are one of the foundations of all programming languages. They can be used to store data, such as strings, numbers, Boolean values, arrays, etc., and set, update or read the contents of the variables when needed.

The value of a variable will change at any time during the running of the program. It can give a short and easy-to-remember name for a piece of data to be used in the program. In addition, it can also save the data input by the user or the result of the operation.

Define variables

In JavaScript, you need to use the var keyword to define variables. The syntax is as follows:

var 变量名;

A few examples:

var str;  //用来存储字符串
var age;  //用来存储年龄
var prePage;  //用来存储上一页

When defining variables, you can define one or more variables at a time. If you define multiple variables, you need to use commas between variable names to separate them, as shown in the following example:

var a, b, c;    // 同时声明多个变量

After the variables are defined, if no values ​​are assigned to the variables, then these variables will be assigned an initial value - undefined (undefined).

Naming rules for variables

In JavaScript, variable names cannot be defined casually and need to follow the naming rules for identifiers, as follows:

  • Variable names can contain numbers, letters, underscores _, and dollar signs $;

  • Chinese characters cannot appear in variable names;

  • Variable names cannot contain spaces;

  • Variable names cannot be keywords or reserved words in JavaScript;

  • Variable names It cannot start with a number, that is, the first character cannot be a number.

When defining a variable, the variable name should be as meaningful as possible so that you or others can easily understand it. For example, you can use name to define a variable that stores names, and dataArr to define a variable that stores names. Variable of array type.

When the variable name contains multiple English words, it is recommended to use camel case naming (big camel case: the first letter of each word is capitalized, such as FileType, DataArr; small camel case: the first letter of the first word is lowercase and the following Capitalize the first letter of a word, such as fileType, dataArr).

Assign a value to the variable

After the variable is defined, you can use the equal sign = to assign a value to the variable. The left side of the equal sign is the name of the variable. The right side of the equal sign is the value to be assigned to the variable, as shown in the following example:

var num;    // 定义一个变量 num
num = 1;    // 将变量 num 赋值为 1

In addition, you can also assign a value to the variable while defining the variable, as shown in the following example:

var num = 1;                // 定义一个变量 num 并将其赋值为 1
var a = 2, b = 3, c = 4;    // 同时定义 a、b、c 三个变量并分别赋值为 2、3、4
// var a = 2,               // 为了让代码看起来更工整,上一行代码也可以写成这样
//     b = 3,
//     c = 4;

[Recommended learning :javascript advanced tutorial

The above is the detailed content of What is the use of variables in javascript. For more information, please follow other related articles on the PHP Chinese website!

Statement
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
CSS: Can I use multiple IDs in the same DOM?CSS: Can I use multiple IDs in the same DOM?May 14, 2025 am 12:20 AM

No,youshouldn'tusemultipleIDsinthesameDOM.1)IDsmustbeuniqueperHTMLspecification,andusingduplicatescancauseinconsistentbrowserbehavior.2)Useclassesforstylingmultipleelements,attributeselectorsfortargetingbyattributes,anddescendantselectorsforstructure

The Aims of HTML5: Creating a More Powerful and Accessible WebThe Aims of HTML5: Creating a More Powerful and Accessible WebMay 14, 2025 am 12:18 AM

HTML5aimstoenhancewebcapabilities,makingitmoredynamic,interactive,andaccessible.1)Itsupportsmultimediaelementslikeand,eliminatingtheneedforplugins.2)Semanticelementsimproveaccessibilityandcodereadability.3)Featureslikeenablepowerful,responsivewebappl

Significant Goals of HTML5: Enhancing Web Development and User ExperienceSignificant Goals of HTML5: Enhancing Web Development and User ExperienceMay 14, 2025 am 12:18 AM

HTML5aimstoenhancewebdevelopmentanduserexperiencethroughsemanticstructure,multimediaintegration,andperformanceimprovements.1)Semanticelementslike,,,andimprovereadabilityandaccessibility.2)andtagsallowseamlessmultimediaembeddingwithoutplugins.3)Featur

HTML5: Is it secure?HTML5: Is it secure?May 14, 2025 am 12:15 AM

HTML5isnotinherentlyinsecure,butitsfeaturescanleadtosecurityrisksifmisusedorimproperlyimplemented.1)Usethesandboxattributeiniframestocontrolembeddedcontentandpreventvulnerabilitieslikeclickjacking.2)AvoidstoringsensitivedatainWebStorageduetoitsaccess

HTML5 goals in comparison with older HTML versionsHTML5 goals in comparison with older HTML versionsMay 14, 2025 am 12:14 AM

HTML5aimedtoenhancewebdevelopmentbyintroducingsemanticelements,nativemultimediasupport,improvedformelements,andofflinecapabilities,contrastingwiththelimitationsofHTML4andXHTML.1)Itintroducedsemantictagslike,,,improvingstructureandSEO.2)Nativeaudioand

CSS: Is it bad to use ID selector?CSS: Is it bad to use ID selector?May 13, 2025 am 12:14 AM

Using ID selectors is not inherently bad in CSS, but should be used with caution. 1) ID selector is suitable for unique elements or JavaScript hooks. 2) For general styles, class selectors should be used as they are more flexible and maintainable. By balancing the use of ID and class, a more robust and efficient CSS architecture can be implemented.

HTML5: Goals in 2024HTML5: Goals in 2024May 13, 2025 am 12:13 AM

HTML5'sgoalsin2024focusonrefinementandoptimization,notnewfeatures.1)Enhanceperformanceandefficiencythroughoptimizedrendering.2)Improveaccessibilitywithrefinedattributesandelements.3)Addresssecurityconcerns,particularlyXSS,withwiderCSPadoption.4)Ensur

What are the main areas where HTML5 tried to improve?What are the main areas where HTML5 tried to improve?May 13, 2025 am 12:12 AM

HTML5aimedtoimprovewebdevelopmentinfourkeyareas:1)Multimediasupport,2)Semanticstructure,3)Formcapabilities,and4)Offlineandstorageoptions.1)HTML5introducedandelements,simplifyingmediaembeddingandenhancinguserexperience.2)Newsemanticelementslikeandimpr

See all articles

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 Article

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use