JavaScript 的变量、数据类型

一、变量

变量：装数据的容器,数据可以修改。其本质是变量是内存中存放数据的空间。

var age //声明一个变量age
age = 10 //给变量赋值
var age = 10 //变量初始化，给变量同时声明和赋值

 更新变量

一个变量被赋予新的值之后，原来的值就被覆盖掉了。

同时声明多个变量

只写一个var，要用英文逗号隔开。

var name = '张三', age = 18, heigh=180;

使用变量时必须声明，赋值。

情况	说明	结果
var age; console.log(age);	只声明，不赋值	undefined
console.log(age)	不声明，不赋值，直接使用	报错
age = 5; console.log(age)	不声明，只赋值	5

 变量命名规范如下

• 由字母、数字、下划线、美元符号组成
• 严格区分大小写
• 不能以数字开头
• 不能是关键字、保留字
• 变量名要有意义
• 遵守驼峰命名法。例如：myFirstName

二、数据类型

变量有名字和数据类型。

数据类型的作用：决定如何将代表这些值的位存储到计算机的内存中。

变量在JS与其他语言的区别

JavaScript是一种弱类型（动态）语言。 意思是不用提前声明变量类型，程序运行时会根据变量被赋予的值来自动确定变量的类型。也意味着同样的变量可以有不同的类型。

var x = 6
var x = 'xixi'

简单数据类型	说明	默认值
Number	数字型，包含整型和浮点型	0
Boolean	布尔值类型，True和False,相当于1和0	False
String	字符串类型，在JS中，字符串都要带引号	""
Undefined	变量声明但不赋值	undefined
Null	var a = null; 声明变量为控制	null

2.1、数字型Number¶

1、数字型转换

• 八进制前面加 0(0~7)
• 十六进制前面加 0x(09， af)

Number.MAX_VALUE //数字型最大值
Number.MIN_value //数字型最小值
Number.MAX_value*2 //无穷大
-Number.MAX_value*2 //无穷小
alert(NaN) //非数字型

2、判断是否是数字的方法

isNaN()   返回结果是bool值

2.2、字符串型string

• JS可以用单引号或者双引号，推荐使用单引号（因为和HTML的标签属性用的是双引号）
• 可以用单套双，或者双套单

JS也有转义符(要写到字符串里面)

转义符	解释说明
\n	换行符，n 是 newline
\ \	斜杠 \
\'	‘ 单引号
\"	" 双引号
\t	tab 缩进
\b	空格，b 是 blank

获取字符串的长度

var str = 'aaa'
alert(str.length);

字符串的拼接

• 多个字符串之间可以使用 + 进行拼接，拼接方式为字符串 + 任何类型 = 拼接之后新的字符串
• 拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

字符串拼接加强

用变量 变量不写到字符串里面，通过和字符串相连实现

console.log('今年18岁')//普通

var age = 18
console.log('今年' + age + '岁')//加强

2.3、bool布尔型

• true，真
• false，假

bool型与数值型相加，true为1，false为0

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

2.4、undefined和Null

一个声明后未赋值的变量会有有一个默认值undefined

var a;
console.log(a); // undefined
console.log(a + '的吧'); // undefined的吧
console.log(1 + a); //NaN
console.log(true + a); // NaN

一个声明变量给NULL值，里面存的值为空

var b = null;
console.log('你好' + b); //你好null
console.log(1 + b); // 1

2.5、获取检测变量的数据类型¶

• typeof
• 通过控制台的颜色判断，蓝色为数字型，黑色为字符串型，灰色为undefined和null,深蓝色为bool型

var num = 10;
console.log(typeof num); // number
var str = 'aaa';
console.log(typeof str); // string
var flag = true;
console.log(typeof flag); // boolen
var vari = undefined;
console.log(typeof vari); // undefined
var t = null
console.log(typeof t); // object

字面量

字面量是在源代码中一个固定值的表示法，就是字面量表示如何表达这个值。

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

2.6、数据类型的转化

转为字符串

使用表单、prompt 获取过来的数据默认是字符串类型

方式	说明	案例
toString()	转成字符串	var num = 1; alert(num.toString);
String()	转成字符串	var num = 1; alert(String(num));
加号拼接字符串	和字符串拼接的结果都是字符串	var num = 1; alert(num + '我是字符串');

转换为数字型

方式	说明	案例
parseInt(string)	将string转为int	paeseInt('18')
parseFloat(string)	string转float	parseFloat('18.88')
Number()强制转换函数	string转为数字型	Number('18')
js隐式转换（- * /）	利用算数运算隐式转换为数字型	'12'- 0

• 注意parseInt 和 parseFloat
• 隐式转换时我们在进行算术运算的时候，JS自动转换了数据类型

转换为布尔型

方式	说明	案例
Boolean()	其他数据类型转换为bool	Boolean('true')

• 代表空、否定的值 转换为false，如：0、NaN、Null、undefined
• 其余值转换为true