一篇文章带你搞懂JavaScript的变量与数据类型

万胜 · 发表于 2022-3-26 11:00:13

前言：

我不是搞前端，而是搞后端的。本命编程语言是java。学习js的嘛，因为看到室友能做出动态网页，而我只能做出静态网页，再加上下个学期要学所以提前来学习学习。

温馨提示：

java和javsScript没有半毛钱关系，只是javaScript被SUN公司收购后，把改成jaaScript，第一是因为SUN的主打产品是java，第二是利用java的知名度去javaScript做广告，扩大javaScript的影响力。
接下来就分享今日的干货

变量

什么是变量？
我们需要用编程语言去处理现实生活中的各种数据，而各种数据又是存储在哪里的呢？答案就是变量，变量不是什么高大尚的东西，它就是一个装东西的盒子把它说塑料袋也不为过。变量的本质就是在内存中开辟一块存放数据的空间。类似的我们酒店的房间，一个房间就可以看做一个变量。
变量的使用
变量使用时分为两个步骤，1.声明变量，2.赋值。我们还是用同样的思想去理解这两个步骤，有一天我来一家酒店，我向老板说要开一间单人房,当我付钱后，老板给我房卡，这就意味着我在某一个期限内，可以入住那个房间。(我付钱，老板给卡,相当于声明），我入住之后，空房间有人了相当于赋值。
接下来看看JS中的变量的使用

1.声明

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var age;
</script>
</head>
<body>
</body>
</html>

复制代码

var 是js的一个关键字，用来声明变量(variable变量的意思)，使用该关键字声明变量后，计算机自动为变量分配内存空间
age程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

2.赋值

var age=19; //给age这个变量赋值为19

复制代码

=用来把右边的值给左边的变量空间，这就是赋值
变量值是程序员保存到空间变量里的值

3.二个语法小细节

更新变量：一个变量被重新赋值后，它原来的值就会被覆盖，变量值以最后一次赋的值为准

var age=18;
age=19;//最后的结果为19.因为18被19覆盖了

复制代码

同时声明多个变量:只需写一个var ，然后变量名之间用英文逗号隔开

var age,number,average;

复制代码

声明变量的特殊情况
特殊一

var sex;只声明，不赋值，程序也不知道是啥，所以结果是 undefined (未定义的)
console.log(sex);

复制代码

特殊二

console.log(sex); 不赋值，不声明，直接使用某个变量会报错

复制代码

特殊三

qq=90;
console.log(qq); 不声明直接赋值直接用，不会报错！！！
这就很离谱，但是在javaScript就是对的，因为它太自由了。

复制代码

变量的命名规范

有字母(AZ,az)，下划线_,美元符号$组成，如userName
严格区分大小写。var app;和var App;是两个变量
不能以数字开头，如12age则是错误的
不能是关键字，保留字，例如：var ,for ,while.
变量名必须有意义，要做到见名知意
遵循驼峰命名法：首字母大写，后面的单词首字母需要大写。如：myName
推荐翻译网站：有道，或者直接百度

为什么需要数据类型？

编程语言是用来处理现实生活中的问题，我们在现实世界中要处理各种各样的数据，其中就有整数，小数，文字等等，对应的在编程语言也有整数，浮点数，字符。在计算机中不同类型的数据所占的储存空间也是不一样的，为了方便把数据分为所需内存大小不同的数据，充分的利用储存空间，于是就定义了不同的数据类型。简单的来说，数据类型就是数据的类别型号，就是对数据分类。如姓名，“叶秋涵”，年龄18，这些数据的类型的就是不一样的。
变量的数据类型
变量是用来储存值的所在处，它们都有其名字和类型，变量的数据类型决定了如何将代表这些值的位储存到计算机的内存中，javaScript是一种弱类型或者说动态语言，这意味着不用提前声明变量的
类型，程序在执行过程中会自动。

var age=10; //这是一个数字型
var name='叶秋涵'; //这是一个字符串

复制代码

在代码的运行过程中，变量的数据类型是由js引擎根据=右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型
js拥有动态类型，同时意味着相同的变量可以作不同的类型

var x=6; //x为数字
var x='哔哩哔哩'; //x为字符串

复制代码

简单数据类型(基本数据类型）

js中的简单数据类型及其说明
简单数据类型说明默认值Number数字型，包括整数值和浮点数值，如12，0.20220Boolean布尔值是类型，如true,false,等价于1和0falseString字符串类型，如"叶秋涵",注意在js中字符串都带引号“”Undefinedvar a; 声明变量a但是没有给值，此时a=undefinedundefinedNullvar a=null; 声明a变量为空值null
数字型

1.数字型进制
最常见的进制有二进制，八进制，十进制，十六进制

//1.八进制数字序列范围0~7
var num1=07; //对应十进制的7
var num2=019; //对应十进制的19
var num3=08 //对应十进制的8
//2.十六进制数字序列范围：0~9以及A~F
var num=0xA;

复制代码

现在我们只要记住,在js中八进制前面加0，十六进制前面加0x
2.数字型范围
js中数值的最大值和最小值

alert(Number.MAX_SAFE_INTEGER);//9007199254740991
alert(Number.MIN_VALUE);//5e-324

复制代码

3.数字型三个特殊值

alert(Infinity);//Infinity
alert(-Infinity);//-Infinity
alert(NaN);//NaN

复制代码

Infinity,代表无穷大，大于任何值
-infinity,代表无穷小，小于任何值
NaN, Not a number,代表一个非数值

字符串型 String

字符串型可以是引号中的任意文本，其语法是单引号**’'和双引号""**

var srtAge = '18';
var strName = '叶秋涵';
var srtFood = '我爱垃圾食品';
//常见错误
var srtNum2 = 11; //报错，没有引号，会被认为是js代码，但是js没有这些语法

复制代码

因为在HTML标签中里面的属性使用的是双引号，js这里我们更推荐使用单引号
字符串引号嵌套
js可以用单引号嵌套双引号，或者用双引号嵌套单引号(外双内单，内单外双)

var strMsy = '我是"程序员"萧寒';
console.log(strMsy)
var strMsy2 = "我是'程序员'萧寒";
console.log(strMsy2);
//常见错误
var badQuotes = "What on earth？"';
console.log(strMsy2);

复制代码

结果如下

字符串转义符
类似HTML里面的特殊字符，字符串中也有特殊字符，我们称为转义符
转义符都是由\开头，常用的转义字符及其说明如下
转义符解释说明\n换行符，n是newline的意思\ \斜杠\\ ’单引号\ *双引号\ttab缩进\b空格，b是blank的意思布尔型Boolean
布尔类型有两个值，true和false，其中true表示真，而false表示假
布尔型和数字型相加的时候，true的值为1，false的值为0

console.log(true+1);//2
console.log(false+0);//0

复制代码

Undefined和Null
一个声明后没有被赋值的变量会默认有一个默认值undefined(如果进行相加或者相连时，注意结果)

var variable;
console.log(variable);
console.log('你好'+variable);
console.log(11+variable);//+起连接作用
console.log(true+variable);

复制代码

结果如下

一个变量给null值，里面储存的值为空，就是啥也没有

var vari=null;
console.log('你好'+vari);
console.log(11+vari);
console.log(true+vari);

复制代码

结果如下

什么是数据类型的转换

使用表单，prompt获取过来的数据默认值是字符串类型，此时就不能进行简单的加法运算，而是需要转换变量的数据类型，简单来说，就是把一种数据类型转换成另一种数据类型。
三种常用的转换方式

转换为字符类型
转换为数字型
转换为布尔型

1.转换为字符串

方式说明案例toString()转换为字符串var num=1; alert(num.toString());String()强制转换转换为字符串var num=1; alert(String(num));加号拼接字符串和字符串拼接的结果是字符串var num=1; alert(num+“我是字符串”)；