自学JavaScript知识总结-变量及数据类型(持续更新ing)

---

前言

提示：上一期已经初步认识了JavaScript，这期将介绍JS的变量及数据类型：

---

一、什么是变量？

变量来源于数学，是计算机语言中能储存计算结果或能表示值的抽象概念。(来源自百度)

简单点来说，变量就是存储东西的一个盒子。我们可以通过变量名来获取这个变量，变量名就好比是这个盒子，里面存的东西就是数据。通过变量名来获取里面的数据。
它的本质就是内存中用于存储数据的一块空间。

二、变量的使用

1.变量申明

代码如下（示例）：

var variate;

使用变量，一定要先声明变量，然后赋值

2.变量 初始化

代码如下（示例）：

var variate=1;

给变量赋值称为变量的初始化

3.变量 命名法

代码如下（示例）：

<!-- 
由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成
严格区分大小写。
不能 以数字开头。
不能 是关键字、保留字。
变量名必须有意义。 
遵守驼峰命名法。首字母小写，后面单词的首字母需要大写
 -->
var userName;
var uColor;
// var username 和 var  userName是两个变量！

变量的命名通常以驼峰方式命名，即第一个单词或首字母小写，第二个以大写字母开头，以此类推。

一、什么是数据类型？

简化：数据类型就是数据的类别型号。
在JavaScript规范中，共定义了七种数据类型，其中又可分基本类型和引用类型两大类，如下：
1）基本类型：String、Number、Boolean、Symbol、Undefined、Null
2）引用类型：Object

二、数据类型的说明

1.字符串类型String

字符串类型可以是引号中的任意文本，其语法为“”或''。（双引或单引）

var myName='user';
//当字符串中：单引中嵌套双引或双引中嵌套单引
var str1='我是"程序猿"'//***这里需要注意是外单内双或外双内单；
var str2="我是'程序猿'"

2)字符串拼接
多个字符串可以使用+进行拼接，字符串+任意类型=拼接后的字符串
***注意：拼接后仍是个字符串类型

//字符字符串相加
var str1='hello'
var str2='world'
console.log(str1+''+str2);//hello world
//数字字符串相加
var	str3='100'
var str4='200'
console.log(str3+str4);//100200
//拼接加强	字符串＋变量
console.log('今年是2022年');
var year=2022;
console.log('今年是'+year+'年');//今年是2022年
//***变量是不能加引号，否则将被转化为字符串
//在需要添加变量的地方，加两引号（这取决于你的外引的单双）再加两加号
//简单的来说：引引加加
//扩展：在es6中使用斜引号，可以变成`今年是${year}年`，是不是更简单了。

2.数字型类型String

数字型包括整数型和小数(浮点数)

var num1 = 100;//整型
var num2 = 10.01//浮点数
//数字型进制
//1.八进制(JS八进制前面加0)
var num3 = 07;//对应十进制的7
var num4 = 019;//对应十进制的19
//2.十六进制（0~9以及A~F）（JS十六进制前面加0x）
var num5 = 0xA;

数字型的三个特殊值（Infinity，-Infinify，NaN）

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

3.布尔类型Boolern

布尔（逻辑）只能有两个值：true 或 false。

var x=true;
var y=false;
//布尔常用在条件测试中,后续在使用中细讲。

4.符号类型Symbol

MDN文档中说明symbol类型

5.未定义类型Undefined

一个没有被赋值的变量会有个默认值 undefined。
一个没有被赋值的变量的类型是undefined。如果方法或者是语句中操作的变量没有被赋值，
则会返回undefined

更多详细请查看MDN文档

6.布尔类型Null

Null 类型只有一个值：nul。值 null 特指对象的值未设置

// foo 不存在，它从来没有被定义过或者是初始化过：
foo;
"ReferenceError: foo is not defined"

// foo 现在已经是知存在的，但是它没有类型或者是值：
var foo = null;
foo;
null

更多详细请查看MDN文档

7.复杂数据类型Object

MDN中的定义:Object 是 JavaScript 的一种 数据类型 。它用于存储各种键值集合和更复杂的实体。
Objects 可以通过 Object() 构造函数或者使用 对象字面量 的方式创建。

具体请参考MDN文档

三、数据类型的检测

typeof(返回string类型)

typeof 运算符可以帮助你查询变量的类型。
语法 ：	typeof Object

更多详细请查看MDN文档

console.log(typeof "John")                // 返回 string
console.log(typeof 3.14 )                 // 返回 number
console.log(typeof false )                // 返回 boolean
console.log(typeof [1,2,3,4] )            // 返回 object
console.log(typeof {name:'John', age:34}) // 返回 object

四、数据类型的转换

通俗来说，就是把一种数据类型的变量转换成另外一种数据类型
通常会实现3种方式的转化：
1）转换为字符串类型
2）转换为数字型
3）转换为布尔型

1.转换字符串类型

方式：(1).toString	(2)String()【强制转换】	(3)加号拼接字符串【隐式转换】

var num=100;
console.log(typeof num.toString());//输出 string
console.log(typeof String(num));//输出 string
console.log(typeof (num+''));//输出 String

2.转换数字类型

方式：
(1)parseInt(string)【将string类型转换为整数数值型】	
(2)parseFloat(string)【将string类型转换为浮点数数值型】
(3)Number()【强制转换】
(4)-	/	*	【利用算术运算符隐式转换】

3.转换布尔类型

方式：Boolean()	【强制转换】
代表空、否定的值会被转换为 false  ，如 ''、0、NaN、null、undefined  
其余值都会被转换为 true

console.log(Boolean('')); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean('大白')); // true
console.log(Boolean(12)); // true

---

三、总结

熟悉基本数据类型对后续的开发深入具有非常重要的作用。
这里重中之重为数据类型的转换，在表单验证中经常使用。

-------博主后续会持续更新关于博主个人学习js的知识总结，希望能有所帮助。
-------如有建议，欢迎留言
-------如有侵权，联系删除