Dotcpp  >  编程教程  >  JavaScript基础语法及数据类型  >  JS变量的概念

JS变量的概念

点击打开在线编译器,边学边练

JavaScript 中的变量是用于存储和操作数据的容器。在 JavaScript 中,可以使用以下关键字来声明变量:varletconst

1. 使用var关键字声明变量(旧的声明方式)

var x;

var 声明的变量具有函数作用域或全局作用域,在声明之前也可以使用。但它们存在变量提升的现象,即变量可以在声明之前被访问。

可以把变量看做存储数据的容器。

2. 使用 let关键字声明变量(ES6 新增的声明方式)

let y;

let 声明的变量具有块级作用域,只能在声明它的代码块中使用。与 var 不同,它不存在变量提升的现象。

 

3. 使用 const关键字声明常量(ES6 新增的声明方式)

const z = 10;

const 声明的变量也具有块级作用域,与let 类似。不同的是,const 声明的变量必须进行初始化,并且一旦赋值就不能再改变。

 

变量的使用示例:

var x = 5;
let y;
y = 10;
const z = x + y;
console.log(x); // 输出 5
console.log(y); // 输出 10
console.log(z); // 输出 15
x = 8;
console.log(x); // 输出 8

JavaScript 数据类型

JavaScript 变量还能保存其他数据类型,比如文本值 (name="Bob")。

在 JavaScript 中,类似 "Bob" 这样一条文本被称为字符串。

JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。

当您向变量分配文本值时,应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.dotcpp.com</title>
</head>
<body>
<script>
var pi=3.14;
var name="Bob";
var answer='Yes I am!';
document.write(pi + "<br>");
document.write(name + "<br>");
document.write(answer + "<br>");
</script>
</body>
</html>

添加引号被作为文本处理


(运行结果)

声明(创建) JavaScript 变量

在 JavaScript 中创建变量通常称为"声明"变量。

我们使用 var 关键词来声明变量:

Var name;

变量声明之后,该变量是空的(它没有值)。

如需向变量赋值,请使用等号:

Name=”Bob”;

在下面的例子中,我们创建了名为 name 的变量,并向其赋值 "Bob",然后把它放入 id="demo" 的 HTML 段落中:

var carname="Bob";
document.getElementById("demo").innerHTML=name;

 

良好的编码习惯在代码开始处,统一对需要的变量进行声明。

一条语句,多个变量

在编码时一个分号;一段语句,您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即

var lastname="Bob", age=30, job="teacher";

声明也可横跨多行:

var lastname="Bob",
 age=30,
job="teacher";

一条语句中声明的多个变量不可以同时赋同一个值:

var x,y,z=1;
x,y 为 undefined, z 为 1。

Undefined

在计算机程序中,经常会声明无值的变量。未使用值value

来声明的变量,其值实际上是 undefined。

在执行过以下语句后,变量 teacher 的值将是 undefined:

Var teacher="Bob";
Var teacher;

使用 let 和 const (ES6)

在 2015 年以前,我们使用 var 关键字来声明 JavaScript 变量。

在 2015 后的 JavaScript 版本 (ES6) 允许我们使用 const 关键字来定义一个常量,使用 let 关键字定义的限定范围内作用域的变量。

let 和 const 是 ES6(ECMAScript 2015)引入的变量声明关键字。let声明的变量具有块级作用域,可以被修改。const声明的变量也具有块级作用域,但其值一旦赋值就不能再改变,适用于常量的场景。两者都避免了旧的var关键字的问题,提供了更好的变量声明方式。在实际开发中,推荐优先使用let和const,只在需要特定功能时才使用var。


这是 JavaScript 变量的基本概念和用法。要深入了解变量的作用域、数据类型和作用域链等概念,请继续学习 JavaScript 编程。



本文固定URL:https://www.dotcpp.com/course/1255

上一课:

JS代码规范

下一课:

JS添加注释

JavaScript教程
第一章 JavaScript入门
第二章 JavaScript基础语法及数据类型
第三章 JavaScript函数
第四章 JavaScript类
第五章 JS高级教程
第六章 JS Window
第七章 JS库
Dotcpp在线编译      (登录可减少运行等待时间)