2_2：变量：[ 五种简单数据类型 ]

一  概念

1）为什么需要数据类型

在计算机中，不同的数据所需占用的存储空间是不同的，为了充分的利用存储空间。

2）变量的数据类型

var num;
num = 10;
//js的变量数据类型只有在程序运行过程中，根据等号右边的值来确定的

var x = 10;
x = '李白';
//js是动态语言 变量的数据类型是可以变化的 

 

 

 第二部分：五种简单数据类型

 一  数字型

1）概念

包含整形值和浮点型值 [ 默认值0 ]

2）进制写法

var num = 10; //十进制

var num = 012; //八进制 [ 0~7 ]

var num = 0xa; //十六进制  数字范围 [ 0~9 以及 a~f ]

Js中 八进制前面加0 十六进制前面加ox

在执行输出过程中 所有进制都转换为十进制输出

3）数值的最大和最小值

console.log(Number.MAX_VALUE); //最大值：1.7976931348623157e+308
console.log(Number.MIN_VALUE); //最小值 5e-324

4）三个特殊值

alert(Infinity); //代表无穷大
alert(-Infinty); //代表无穷小
alert(NaN); //代表一个非数值 Not a number

5）判断非数值 isNan() [ 重点 ]  

//1 用来判断一个变量是否为 非数字类型
//2 isNan会尝试转换字符串为数值再做判断

var num = 1;
var num1 = '10';
var num2 = '0';
var num3 = '';
var num4 = '10a';
console.log(isNaN(num));//false
console.log(isNaN(num1));//false
console.log(isNaN(num2));//false
console.log(isNaN(num3));//false
console.log(isNaN(num4));//true

二  字符串类型

1）定义字符串

1 引号中包含的都是字符串 [ 单双引号都可以 ]
2 Js中推荐单引号  因为HTML是双引号

2）引号嵌套

var slogan = "让天下没有'难做'的生意"; //1 外双内单
var slogan = '让天下没有"难做"的生意'; //2 外单内双
JS 可以单引号包含双引号  也可以双引号包含单引号

3）字符串的转义

转义符都是 \ 开头的
\n   换行符 n是 newline的意思 [常用]
\\   斜杆 \
\'   单引号
\"   双引号
\t   tab 缩进 [常用]
\b   空格 b是blank的意思

4）length属性检测字符串长度

var slogan = '让天下没有难做的生意';
alert(slogan.length); //获取字符串的长度
汉字 字母 数字 空格 标点 都是占一个字符长度

5）加号 字符串拼接 [ 重点 ]

var myName = '李白今年';
var age = 55;
var add = myName + age + '了';
alert(add); 输出：李白今年55岁了

alert('12'+12); 输出 1212 而非24

//1 字符串 + 任何类型 = 拼接之后的新字符串
//2 执行原理：拼接前会把与字符串相加的任何类型转化成字符串，再拼接成一个新的字符串
//3 加号口诀总结：数值相加 字符相连

三 布尔值

console.log(true + 1); //输出2
console.log(false + 1); //输出1
在运算中  true = 1   false = 0

四  undefined 

1）概念

声明但没有赋值的变量，会有一个默认值undfined

2）参与相连相加

//1 未赋值 defined + 未赋值 defined = NaN
var name1;
var age;
console.log(name1 + age);//输出: NaN

//2 未赋值 defined + 数值类型 = NaN
var name2;
var age = 18;
console.log(name2 + age);//输出: NaN

//3 未赋值 defined + 字符串类型 = 新的字符串: defined字符串
var name2 = '李白';
var age;
console.log(name2 + age); //输出: 李白undefined

五 null 空值

1）概念

在JS中 变量未赋值是 undefined 而非null
在运算中 null = 0

2）参与相连相加

//1 null + null = 0
var app1 = null;
var app2 = null;
console.log(app1 + app2);//输出: 0

//2 null + 数值类型 = 0 + 数值类型 
var age = null;
console.log(age + 1);//输出1

//3 null + 字符串 = 新字符串：null字符串
var name1 = null;
console.log(name1 + '李白');//输出: null李白

六 数据类型检测 [ typeof ]

var age;//undefined
age = 12;//number
age = '李白';//string
age = null;// object
age = true;//布尔值
console.log(typeof age);
重点：null是对象类型

七  通过控制台颜色区分变量类型

console.log(10);
console.log('10');
console.log(true);
console.log(undefined);
console.log(null);

//数值是蓝色
//字符串是黑色
//布尔值是深蓝色
//undefined 和 null 是浅灰色

八  字面量

字面量是一个固定值的表示法
数字字面量 8 9 10
字符串字面量 '李白';
布尔字面量  true false