JavaScript笔记之二：基本类型（上）

前言

基于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~）。