文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

什么是JavaScript变量

2024-04-02 19:55

关注

这篇文章将为大家详细讲解有关什么是JavaScript变量,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

和其他可编程语言相同,JavaScript  也有“变量”的概念。“变量”可以认为是有名字的容器。将数据置于这些容器中,然后通过容器的名称就可以知道数据的类型。

值得注意的是, JavaScript 编程过程中,必须先声明一个变量,变量才能被使用。

一、认识 JavaScript变量

1. 是存储数据的值的容器

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>项目</title> </head> <body>   <p>x,y和z是变量</p>   <p id="demo"></p>    <script>     var x = 5;     var y = 6;     var z = x + y;     document.getElementById("demo").innerHTML = z; </script>  </body> </html>

 

2. 就像代数一样

var price1 = 5; var price2 = 6; var total = price1 + price2;

上面案例中, price1, price2和total都是变量。


代码解析:

在编程中,就像在代数中,我们使用变量(如价格)保存值,就像在代数中,在表达式中使用变量 (total = price1 + price2)。

二、JavaScript 标识符

1. 什么标识符?

所有JavaScript变量必须有唯一的名字,这些唯一的名字叫做标识符。

标识符可以是短名称(如:x和y)或更多描述性名称 (如age, sum, totalVolume)。

2. 标识符的命名规则

注:JavaScript标识符是大小写敏感的。

三、声明(创建) JavaScript 变量

JavaScript中创建一个变量,被称为“声明的变量。

声明一个JavaScript变量使用var关键字。

var carName;

声明之后,变量没有值。(在编程中它有未定义的值)

若要为变量赋值,请使用等号。

carName = "Volvo";

当你声明变量时也可以为它指定一个值。

var carName = "Volvo";

创建变量carName并赋值为"Volvo",然后“输出”它的值到一个id="demo"的HTML段落内 。

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>项目</title> </head> <body style="background-color: aqua;">    <p>创建一个变量,给它赋值,并显示它:</p>    <p id="demo"></p>    <script>     var carName = "Volvo";     document.getElementById("demo").innerHTML = carName; </script>  </body> </html>

1. 一语句,多变量

用var开始语句,用逗号分隔变量。

var person = "John Doe", carName = "Volvo", price = 200;

一个声明可以跨越多行

var person = "John Doe", carName = "Volvo", price = 200;

2. 没有值声明的变量 , Value = undefined

变量常常被声明为没有值。值是必须计算的,或稍后将提供的东西,如用户输入没有值声明的变量将具有值 undefined。

执行下面语句后,变量carName的值是 undefined。

var carName;

四、JavaScript 算术运算

与代数一样,你可以用JavaScript变量做算术,使用像=和+操作符。

HTML代码

<html lang="en"> <head>   <meta charset="UTF-8">   <title>项目</title> </head> <body>    <h2>JavaScript 变量</h2>    <p>2 + 3 + "5"的结果是:</p>    <p id="demo"></p>    <script>     var x = 2 + 3 + "5"      document.getElementById("demo").innerHTML = x; </script>  </body> </html>

JSON(依次替换语句,实现效果)

var x = 5 + 2 + 3;

 什么是JavaScript变量

1.您也可以相加字符串,但字符串将被连接。

var x = "John" + " " + "Doe";

 什么是JavaScript变量

var x = "5" + 2 + 3;

 什么是JavaScript变量

2.如果你把一个数字放在引号中,其余的数字将被视为字符串,并连接。

var x = 2 + 3 + "5";

 什么是JavaScript变量

关于什么是JavaScript变量就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯