首页 /  技术专区  /  JavaScript 宽屏模式 >

JavaScript变量、常量

2.1 变量是什么?

1.变量

    白话:变量就是一个装东西的盒子

    通俗:变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆。

Image.png

注意:变量不是数据本身,它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子


2.2 变量的基本使用

1.声明变量

要想使用变量,首先需要创建变量 (也称为声明变量或者定义变量)

语法:

let 变量名


声明变量有两部分构成:声明关键字、变量名(标识)

let 即关键字(let: 允许、许可、让、要),所谓关键字是系统提供的专门用来声明(定义)变量的词语

举例:

// 声明一个年龄变量
let age

我们声明了一个age变量

age 即变量的名称,也叫标识符


2.变量赋值

定义了一个变量后,你就能够初始化它 (赋值)。在变量名之后跟上一个“=”,然后是数值。

// 声明一个年龄变量
let age
// 给 age 变量赋值
age = 18
// 输出 age 变量内容
console.log(age)


注意:

是通过变量名来获得变量里面的数据


简单点,也可以声明变量的时候直接完成赋值操作,这种操作也称为 变量初始化

// 变量初始化
let age = 18


3.更新变量

变量赋值后,还可以通过简单地给它一个不同的值来更新它

// 声明一个 age 变量,同时里面存放了 18 这个数据
let age = 18
// 变量里面的数据发生变化更改为19
age = 19
// 页面输出结果为19
console.log(age)


注意:let不允许多次声明一个变量

Image.png


4.声明多个变量

变量赋值后,还可以通过简单地给它一个不同的值来更新它

语法:多个变量中间用逗号隔开。

// 声明多个变量
let age = 18, uname = '坤坤'
console.log(age, uname)


说明:看上去代码长度更短,但并不推荐这样。为了更好的可读性,请一行只声明一个变量

// 多行变量声明有点长,但是更容易阅读
let age = 18
let uname = '坤坤'
console.log(age, uname)


2.3 变量的本质

内存:计算机中存储数据的地方,相当于一个空间

变量本质:是程序在内存中申请的一块用来存放数据的小空间

Image.png


2.4 变量命名规则与规范

规则:必须遵守,不遵守报错(法律层面)

规范:建议,不遵守不会报错,但不符合业内通识 (道德层面 )

1.规则:

    不能用关键字

        关键字: 有特殊含义的字符,JavaScript 内置的一些英语词汇。例如: let、var、if、for等

    只能用下划线、字母、数字、$组成,且数字不能开头

    字母严格区分大小写,如 Age 和 age 是不同的变量

2.规范:

    起名要有意义

    遵守小驼峰命名法

        第一个单词首字母小写,后面每个单词首字母大写。例: userName


2.5 变量拓展 let 和 var 的区别

let 和 var 区别:

在较旧的JavaScript,使用关键字 var 来声明变量,而不是 let。

var 现在开发中一般不再使用它,只是我们可能再老版程序中看到它

let 为了解决 var 的一些问题

var 声明

    可以先使用在声明(不合理)

    var 声明过的变量可以重复声明(不合理)

    比如变量提升、全局变量、没有块级作用域等等

结论:

    var 就是个bug,别迷恋它了,以后声明变量我们统一使用 let


2.6 常量的基本使用

概念使用 const 声明的变量称为“常量

使用场景当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是 let。

命名规范和变量一致

常量使用:

// 声明一个常量
const PI = 3.14
// 输出这个常量
console.log(PI)

注意常量不允许重新赋值,声明的时候必须赋值(初始化)

小技巧不需要重新赋值的数据使用const


2.7 变量声明优先

变量声明有三个 var let 和 const

我们应该用那个呢?

首先var 先排除,老派写法,问题很多,可以淘汰掉..

let or const ?

建议: const 优先,尽量使用const,原因是:

    const 语义化更好

    很多变量我们声明的时候就知道他不会被更改了,那为什么不用 const呢?

    实际开发中也是,比如react框架,基本const

如果你还在纠结,那么我建议:

    有了变量先给const,如果发现它后面是要被修改的,再改为let


const 声明的值不能更改,而且 const 声明变量的时候需要里面进行初始化

但是对于引用数据类型,const 声明的变量,里面存的不是 值,不是值,不是值,是 地址。

Image.png




上一篇: JavaScript介绍
下一篇: JavaScript数组

头像
0/200
图片验证码