我们知道JavaScript有ECMAScript、DOM、BOM三部分组成，下面一幅图可以简单明了的说明JavaScript的组成。
注：ECMAScript(European Computer Manufacturers Association)是由一种Ecma国际前身为欧洲计算机制造商协会制定的标准。简单来说，ECMAScript不是一门语言，而是一个标准。
ECMAScript中有5种简单数据类型，也称为基本数据类型:Undefined、Null、Boolean、String、Number。学习这些之前，需要先了解typeof操作符。
typeof的作用是判断给定数据的类型。具体用法见下面代码：
//1: typeof(直接量/变量)
console.log(typeof ("哈哈哈")); // string
console.log(typeof(13)); // number
// 2: typeof 直接量/变量
console.log(typeof "你好"); // string
console.log(typeof 23); // number
一、Undefined类型
Undefined类型只有一个值undefined，如果一个变量只有声明，没有赋值，那它的结果就是undefined，页面上不会报错。
对于尚未声明的对象，只能执行一项操作，即使用typeof操作符检测其数据类型。
<script type="text/javascript">
// 如果一个变量只有声明，没有赋值，那它的结果就是undefined，页面上不会报错
var a;
console.log(a); // undefined
console.log(typeof a); // undefined
var b
console.log(typeof b); // undefined
</script>
结果表明：对未初始化和未声明的变量执行typeof操作都返回了undefined值。
二、Null类型
Null类型：空对象，也是只有一个值：null。从逻辑角度讲，null值表示一个空对象指针，而这也正是使用typeof操作符检测其类型返回"object"的原因。undefined是派生自null，所以，它们相等性测试结果返回true。它有一个很常用的用处：如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为null。
<script>
console.log(typeof null); // object
var a = null;
if (a) {
alert("true");
} else {
alert("false");
} // 返回false
if (null == undefined) {
console.log("undefined值是派生自null")
}
</script>
三、Boolean类型
Boolean类型有两个字面值，分别是true、false。虽然它只有两个值，但是任何类型都可以转换成Boolean,数据类型及其转换规则如下图：
总结出来即是：除了false、""、NAN、0、Undefined、Null转换为Boolean的时候结果是false，其余都是true。
四、String类型
1、String：即字符串，简单来说就是用引号引起来的文本，可以是单引号，也可以是双引号。字符串长度用length表示。ECMAScript中的字符串是不可变的，也就是说，字符串一旦创建，它的值就不能改变，如果改变了字符串，编译不会出现问题，但是内存会出现问题，特别影响性能。
要改变某个变量保存的字符串，首先要销毁原来的字符串，然后再用另一个包含新值的字符串填充该变量，例如：
var str = "12"; str = str + "ab";
2、字符字面量：String类型包含一些特殊的字符字面量，也叫转义字符，比如\n表示换行、\b表示退格、\表示斜杠、'表示单引号、''表示双引号等。如果字符串中，包含双字节字符，length属性可能不会精确地返回字符串中的字符数目。
3、如果字符串中出现引号：
- 如果字符串中出现双引号，可以把字符串的引号改成单引，反之，亦然
- 使用转义符
<script>
// 括号里面直接用的数据，叫做直接量
alert("123");
alert("1abv");
alert('你好');
// alert(abc); // 不是字符串,控制台会出现报错
alert("我说：“你好”"); //不会出错
// alert("you say:"today is a good day""); // 会报错，可以改成如下
alert('you say:"today is a good day"');
alert("you say: \n \'hello\ \"world\" \b \"你好\"");
</script>
五、Number类型
1、Number类型即是数值，分为浮点数值和整数数值，这里不再做过多说明，下面讲一下数值范围。
由于内存限制，ECMAScript并不能保存所有的数值类型，最小值保存在Number.MIN_VALUE,最大值保存Number_MAX_VALUE中，如果超过范围，会被自动转换成特殊的inFinity(正无穷)和-inFinity（负无穷）。可以用isFinite()函数来判断数值是否在最大值和最小值之间。
<script>
console.log(isFinite(123)); // true
var s = Number.MAX_VALUE + Number.MAX_VALUE;
console.log(isFinite(s)); // false
console.log(maxSum); // infinity(正无穷)
</script>
2、NaN
NaN(not a number)即非数值，是number的一种，用来表示数值的一种不正常的状态，一般情况下，会在数值计算错误的时候出现，它特殊到自己不等于自己。判断当前的数据是否是NaN的函数isNaN(),参数可以是任何数值，该函数可以帮确定这个参数是否“不是数值”，它在接到一个参数后，会尝试将这个值转换为数值，，函数返回false。某些不是数值的值会直接转换为数值，而不能被转换成数值的参数，会导致这个函数返回true。
<script>
console.log(isNaN(NaN)); // true
console.log(isNaN(10)); // false(10是一个数值)
console.log(isNaN("10")); // false（可以被转换成数值10）
console.log(isNaN(true)); // false （可以被转换常数值1）
console.log(isNaN(false)); // false（可以被转换成数值0）
console.log(isNaN("你好")); // true（不能被转换成数值）
</script>
六、String、Number使用注意
- 如果两个字符串用+相连，那加号的作用是连接这两个字符串
- 如果两个数值用+相连，那么加号的作用是两个数值相加
- 如果加号连接的两个直接量中有一个是字符串，那么作用就是连接
<script>
console.log("我+sayHi"); // 我+nihai
console.log("我"+"sayHi"); // 我nihai
var a = 123;
var b = "123";
console.log(a + a + a + b); // string "369123"
console.log(b + a + a + a); // string "123123123123"
</script>
