[快速入门前端 37] JavaScript:变数和常数

变数

变数是什么

在 JavaScript 中,我们会需要暂时储存资料以便之后提供给前端的元素使用或进行逻辑运算,这时候就会需要用变数来存放这些 data。简而言之,变数有点像数学的代数,我们会先将某代数 x 赋予一个值,以便后续做运算,只不过在 JS 程式中有固定的特殊赋值规则。

变数的命名

在 JS 中,我们可以随意使用英文+数字来当做变数的名称 ( 某些具有特定意义的单字不行 )。

不能使用有意义的关键字,例如 if、else、let、var、for 等只能用底线、英文、数字、$符号组成,且不能为数字开头严格区分大小写,testTest 代表不同的变数

宣告和赋值

变数名本身是由一串无规则得文字字串组成的,为了让程式知道我要将这组文字设为变数名,所以我们要先宣告他,在 JS 中主要有两种宣告变数的方式 —— letvar

var:较旧的宣告方式,不推荐let:新的宣告变数方式

宣告:
利用 let 变数名;var 变数名; (不推荐) 让这串字符成为一个变数的名称。

var abc;let firstData;

赋值:
在宣告后我们还需要将某个值指定到变数中 (赋值),语法为 变数 = 值

abc = 222;firstData = 123;

同时宣告和赋值
为了方便,也可以将宣告和赋值简写为同一行。

let x = 100;

完整範例:

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>JavaScript 小练习</title>  </head>  <body>    <script>      // 先宣告后赋值      let a; // 宣告      a = 10; // 赋值      console.log(a); // 输出 a 的值到 console 中            // 同时进行宣告和赋值      let x = 5; // 宣告 x 这个变数等于 5      let y = 4; // 宣告 y 这个变数等于 4      console.log(x); // 输出 x 的值到 console 中      console.log(y); // 输出 y 的值到 console 中    </script>  </body></html>

更新变数

变数既然称之为变数,那就一定是可以被改变的,变数就像一个容器 (或代数),里面乘载着我们赋予他的值,那要怎么将变数的值更新呢?其实与赋值的语法相同,只需要 变数 = 新的值 就可以了。

範例

let age = 18; // 将 age 宣告为 18let year = 2023; // 将 year 宣告为 2023console.log(age); // 输出 18console.log(year); // 输出 2023age = 19; // 将 age 改为 19console.log(age); // 输出 19console.log(year); // 输出 2023

除了可以指定更新变数的值之外,也可以设定 变数A = 变数B,变数B的值会被赋予到变数A。

範例

let age = 18; // 将 age 宣告为 18let year = 2023; // 将 year 宣告为 2023console.log(age); // 输出 18console.log(year); // 输出 2023age = year; // 将 year 的值放到 age 中console.log(age); // 输出 2023console.log(year); // 输出 2023

常数

常数与变数都是储存值的容器,常数利用 const 宣告,两者的差别在于常数宣告后就无法被修改。

範例

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>JavaScript 小练习</title>  </head><body>    <script>      const age = 18; // 将 age 宣告为 18      age = 2023; // 会发生错误    </script>  </body></html>

上一篇:[快速入门前端 36] 初探 JavaScript
下一篇:[快速入门前端 38] JavaScript:资料型态 (1) 基本资料型态和複合资料型态
系列文章列表:[快速入门前端] 系列文章索引列表


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章