Javascript从入门到精通之深入了解JavaScript变量-职坐标

Javascript从入门到精通之深入了解JavaScript变量

小职 2021-01-28 来源：前端进阶学习交流阅读 791 评论 0

摘要：本文主要向大家介绍了Javascript从入门到精通之深入了解JavaScript变量，通过具体的内容向大家展现，希望对大家对Javascript的学习有所帮助。

本文主要向大家介绍了Javascript从入门到精通之深入了解JavaScript变量，通过具体的内容向大家展现，希望对大家对Javascript的学习有所帮助。

Javascript从入门到精通之深入了解JavaScript变量

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

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

一、认识 JavaScript变量

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

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>x，y和z是变量</p>

var x = 5;

var y = 6;

var z = x + y;

document.getElementById("demo").innerHTML = z;

</script>

</body>

</html>

Javascript从入门到精通之深入了解JavaScript变量

2. 就像代数一样

var price1 = 5;

var price2 = 6;

var total = price1 + price2;

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

Javascript从入门到精通之深入了解JavaScript变量

代码解析：

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

二、JavaScript 标识符

1. 什么标识符?

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

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

2. 标识符的命名规则

名称可以包含字母、数字、下划线和美元符号。必须以字母开头。也用美元和_开头。

名字是区分大小写(Y和y是不同的变量)，保留字(如JavaScript关键词)不能作为名字。

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

三、声明(创建) JavaScript 变量

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

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

var carName;

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

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

carName = "Volvo";

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

var carName = "Volvo";

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

<!DOCTYPE html>

<html>

<head>

</head>

<p>创建一个变量,给它赋值，并显示它:</p>

var carName = "Volvo";

document.getElementById("demo").innerHTML = carName;

</script>

</body>

</html>

Javascript从入门到精通之深入了解JavaScript变量

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>

<head>

</head>

<body>

<h1>JavaScript 变量</h1>

var x = 2 + 3 + "5" /* 依次替换语句*/

document.getElementById("demo").innerHTML = x;

</script>

</body>

</html>

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

var x = 5 + 2 + 3;

Javascript从入门到精通之深入了解JavaScript变量

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

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

Javascript从入门到精通之深入了解JavaScript变量

var x = "5" + 2 + 3;

Javascript从入门到精通之深入了解JavaScript变量

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

var x = 2 + 3 + "5";

Javascript从入门到精通之深入了解JavaScript变量

五、总结

本文基于JavaScript基础，介绍了JavaScript中什么是变量，如何去声明一个变量，以及JavaScript 算术运算的应用等等。使用html+JavaScript 的结合，效果图的展示，能够让读者更好的理解。

关注“职坐标在线”（Zhizuobiao_Online）公众号，免费获取学习教程资料、技术就业咨询

Javascript从入门到精通之深入了解JavaScript变量

javascript编程语言 javascript基础 javascript学习指南

本文由 @小职发布于职坐标。未经许可，禁止转载。

喜欢 | 0

不喜欢 | 0

看完这篇文章有何感觉？已经有0人表态，0%的人喜欢快给朋友分享吧~

后参与评论

加入IT交流圈

JAVA工程师交流群 +加入

大数据架构师交流群 +加入

人工智能Python交流群 +加入

WEB/H5前端交流群 +加入

WEB前端 直通车

索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈

海同师资推荐更多>>

黄骈联系TA

认证System Analyst，System Architect

程光淼联系TA

精通C、C++等语言、智能芯片开发

热门就业培训班更多>>

【零基础】人工智能+Python全栈开发课程

JavaScript30天热搜词更多>>