前言
基于JavaScript高程设计红皮书总结，方便日后翻阅巩固。
基于ECMAScript5,可能掺杂部分ES6内容。
JavaScript中基本类型(基于ES5)
前端看JS，JS看基础。只有基础打牢了，才能应对层出不穷的框架。好了，废话少说，GO。
ES5规定，JavaScript中有5种基本类型，分别是Undefined，Null，Boolean，Number，String。
ps:ES6新增了Symbol基本类型，有兴趣可自行搜索学习。
Undefined
Undefined基础类型，只有一个值undefined，字面意思“未定义”。
当我们定义一个变量而未赋值时，那么该变量的类型就是undefined。
var message;
console.log(typeof message); //undefined
有意思的是，当我们检测一个不存在的变量时，仍返回undefined。
//var age; 注释掉
console.log(typeof age); //undefined
但这两者完全不同，你可以直接打印看结果
var message;
//var age;
console.log(message);
console.log(age);
结果第一行打印出undefined，第二行报错。
当然，我们在使用时没必要显式地声明undefined类型。
Null
Null类型，只有一个值，null。这里同样很有意思，我们用typeof 操作符检测null
var message = null;
console.log(typeof null); //object
typeof 操作符居然检测null为object类型？很困惑有木有？我前后看了几本书，有的说因为null是空指针，有的说object的原型指向null,然而真正的原因是设计出错了，但是已经改不过来了。所以也没必要太纠结，如果你想检测null类型，可以这样：
if(ele === null){
//your code
}
这里说明一点，undefined衍生自null,因此下面的代码返回true：
console.log(undefined == null); //true
因为==相等操作符会转换类型，所以这里强烈推荐使用===全等操作符。
null类型常用的场景主要包括：
- 变量将来准备保存对象用，显式地定义为null
- 手工解除变量/对象属性的引用，优化内存管理
Boolean
布尔类型，2个值分别是true和false.这里需要注意的是，true不一定就是1，false也不一定就是0.
可以显式地为变量声明布尔值。
var isStudent = true;
var isMan = false;
在JS中，几乎所有的类型的值都可以转换成布尔值，既存在显示转换，也存在隐式转换。
这里我们需要记住以下类型的值会被转换成false
undefined,null,""(空字符串),0,NaN
除此以外其他的值都会转换成true.
ps:所有对象都会被转换成true。
var obj = {};
console.log(Boolean(obj)); //true
显式转换
- Boolean()转型函数
JS提供了转型函数Boolean()，用来将值转换成Boolean值。
var message = 123;
console.log(Boolean(message)); //true
- ！逻辑非操作符
!操作符会模拟Boolean()函数的操作，对值进行布尔值取反，!! 则返回值的真正布尔值，作用等同于Boolean(),更常用一些。
var message = "string";
console.log(!message); //false
console.log(!!message); //true
隐式转换
我们最常见的if..else判断语句就存在隐式转换。考虑下面的代码
var message = "hello world";
if(message){
console.log("message is exist");
}
else{
console.log("message isn't exist");
}
if后面的括号内即隐式转换，当message转换成Boolean值为true时，执行后面的语句，否则执行else后的语句。
Number类型和String类型我们会分两节总结，先到这（O(∩_∩)O~）。
网友评论