首页
学习
活动
专区
圈层
工具
发布
50 篇文章
1
前端学习(0)~vscode工具使用
2
前端学习(1)~html标签讲解(一)
3
前端学习(2)~html标签讲解(二)
4
前端学习(3)~html5详解(一)
5
前端学习(4)~html5详解(二)
6
前端学习(6)~html回顾
7
前端学习(7)~css学习(一):字体属性和文本属性
8
前端学习(8)~css学习(二):背景属性
9
前端学习(9)~css学习(三):样式表和选择器
10
前端学习(10)~css学习:选择器:伪类
11
前端学习(11)~css学习(五):样式表的继承性和层叠性
12
前端学习(12)~css学习(六):盒模型详解
13
前端学习(13)~css学习(七):浮动
14
前端学习(14)~css学习(八):定位属性
15
前端学习(15)~css3学习(九):选择器详解
16
前端学习(16)~css3属性学习(十)
17
前端学习(18)~css3属性学习(十一):动画详解
18
前端学习(19)~css3属性(十二):Flex布局图片详解
19
前端学习(20)~css布局(十三)
20
前端学习(21)~css学习:如何让一个元素水平垂直居中?
21
前端学习(22)~css问题讲解
22
前端学习(23)~js学习(一)
23
前端学习(24)~js学习(二):变量
24
前端学习(25)~js学习(三):变量的数据类型
25
前端学习(26)~js学习(四):基本数据类型vs引用数据类型
26
前端学习(27)~js学习(五): typeof和数据类型转换
27
前端学习(28)~js学习(六):运算符
28
前端学习(30)~js学习(七):流程控制语句-选择结构(if,switch)
29
前端学习(31)~js学习(八):流程控制语句:循环结构(for和while)
30
前端学习(32)~js学习(九):对象简介和对象的基本操作
31
前端学习(33)~js学习(十):函数
32
前端学习(34)~js学习(十一):作用域和变量提升
33
前端学习(35)~js学习(十二):预编译
34
前端学习(36)~js学习(十三):this
35
前端学习(37)~js学习(十四):对象的创建
36
前端学习(38)~js学习(十五):原型对象
37
前端学习(39)~js学习(十六):数组
38
前端学习(40)~js学习(十七):数组的常见方法&数组的遍历
39
前端学习(42)~js学习(十九):内置对象-Date
40
前端学习(43)~js学习(二十):内置对象 - String
41
前端学习(44)~js学习(二十一):包装类
42
前端学习(45)~正则表达式
43
前端学习(46)~事件简介
44
前端学习(47)~DOM简介和DOM操作
45
前端学习(48)~通过style对象获取和设置行内样式
46
前端学习(49)~offset相关属性和匀速动画(含轮播图实现)
47
前端学习(50)~事件的绑定和事件对象
48
前端学习(51)~事件的传播和事件冒泡
49
前端学习(52)~事件委托
50
前端学习(53)~键盘事件

前端学习(24)~js学习(二):变量

字面量:数字和字符串

“字面量”即常量,是固定值,不可改变。

字面量有3种:

  • 数字
  • 字符串
  • 布尔字面量

(1)数值的字面量非常简单,写上去就行了,不需要任何的符号。

代码语言:javascript
复制
    alert(886);  //886是数字,所以不需要加引号。

(2)字符串的字面量也很简单,但一定要加上引号。可以是单词、句子等。例如:

代码语言:javascript
复制
    console.log('886');

    console.log('千古壹号,永不止步');

温馨提示:100是数字,"100"是字符串。

(3)布尔字面量举例:

代码语言:javascript
复制
if (true) {
    console.log('如果为真,就走这里面的代码);
}

总结

字面量都可以直接使用,但是我们一般不会直接使用字面量。

如果直接使用字面量的话,比较麻烦。比如说,多个地方要用到同一个字面量,还不如事先定义一个变量,用来保存字面量。

变量更方便我们使用,所以在开发中都是通过变量去保存一个字面量,而不会直接使用字面量。

变量的概念

变量:是用于存放数据的容器。我们通过「变量名」获取数据,甚至可以修改数据。

变量还可以用来保存字面量。

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

变量的声明和赋值

变量的声明(变量的定义)

ES6语法之前,统一使用var关键字来声明一个变量。比如:

代码语言:javascript
复制
var name; // 声明一个名为 name 的变量

补充:在ES6语法及之后,统一使用 constlet关键字来声明一个变量。

变量的赋值

代码语言:javascript
复制
name= 'hi'

变量的声明和赋值,举例如下:

代码语言:javascript
复制
var a = 100; // ES5语法

const b = hello; // ES6 语法
let b = world; // ES6 语法

PS:在JavaScript中,永远都是用var来定义变量(在ES6 之前),

变量的初始化

有经验的程序员,会把声明和赋值写在一起:

代码语言:javascript
复制
    var a = 100;    //声明,并且赋值100
    console.log(a);  //输出100

声明一个变量并赋值, 我们称之为变量的初始化

变量声明和赋值的补充

修改变量的值

一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。

同时声明多个变量

同时声明多个变量时,只需要写一个 var, 多个变量名之间用英文逗号隔开。

代码语言:javascript
复制
var name = 'jack', age = 27, number = 100;

变量声明的几种特殊情况

变量建议先声明,再使用。否则可能会报错。具体如下。

写法1、先声明,再赋值:(正常)

代码语言:javascript
复制
var a;
a = 100;
console.log(a); // 打印结果:100

写法2、不声明,只赋值:(正常)

代码语言:javascript
复制
a = 100;
console.log(a); // 打印结果:100

写法3、只声明,不赋值:(注意,打印 undefined)

代码语言:javascript
复制
var a;
console.log(a); // 打印结果:undefined

写法4、不声明,不赋值,直接使用:(会报错)

代码语言:javascript
复制
console.log(a); // 会报错

写法1和写法2虽然都正常,但这两种写法是有区别的

变量的命名规范

大写字母是可以使用的,并且大小写敏感。也就是说A和a是两个变量。

我们来整理一下变量的命名规范:

  • 只能由字母(A-Z、a-z)、数字(0-9)、下划线(_)、美元符( $ )组成
  • 不能以数字开头。也就是说,必须以字母(A-Z、a-z)、下划线(_)或者美元符( $ )开头。变量名中不允许出现空格。
  • 不用使用 JS 语言中保留的「关键字」和「保留字」作为变量名。
  • 建议用驼峰命名规则。比如getElementById、matherAndFather、aaaOrBbbAndCcc
  • 变量名会区分大小写(javascript 是区分大小写的语言)。
  • 变量名长度不能超过255个字符。
  • 汉语可以作为变量名。但是不建议使用,因为 low。

标识符、关键字、保留字

标识符

标识符:在JS中所有的可以由我们自主命名的都可以称之为标识符。

例如:变量名、函数名、属性名、参数名都是属于标识符。通俗来讲,标识符就是我们写代码时为它们起的名字。

标识符的命名规则和变量的命令规则是一样的。

同样,标识符不能使用语言中保留的关键字及保留字。

关键字

关键字:是指 JS 本身已经使用了的单词,不能再用它们充当变量函数名标识符

JS 中的关键字如下:

代码语言:javascript
复制
break、continue、case、default、

if、else、switch、for、in、do、while、

try、catch、finally、throw、

var、void、function、return、new、

this、typeof、instanceof、delete、with、

true、false、null、undefined

保留字

保留字:实际上就是预留的“关键字”。意思是现在虽然还不是关键字,但是未来可能会成为关键字,同样不 能使用它们当充当变量名、函数名等标识符。

JS 中的保留字如下:

代码语言:javascript
复制
abstract、boolean、byte、char、class、const、

debugger、double、enum、export、extends、final、float、goto

implements、import、int、interface、long、native、package、

private、protected、public、short、static、super、synchronized、throws、

transient、volatile
下一篇
举报
领券