JavaScript基础（2）_类型

JavaScript类型

JavaScript有七种内置类型：

• null
• undefined
• boolean
• number
• string
• object（function、array、date、regexp）
• symbol（ES6新增）

除了object之外，其他统称为基本类型。

JavaScript有三种方法可确定一个值是什么类型。

• typeof运算符
• instanceof运算符
• Object.prototype.toString方法

一、typeof运算符

typeof运算符返回的是类型的字符串值。

这七种类型和它们的类型的字符串值并不一致。

console.log(typeof null === "object"); //true ※  
console.log(typeof undefined === "undefined"); //true
console.log(typeof true === "boolean"); //true
console.log(typeof 42 === "number"); //true
console.log(typeof "42" === "string"); //true
console.log(typeof {x:0} === "object"); //true
console.log(typeof Symbol() === "symbol"); //true

除了null的类型，其他六种类型均有同名的字符串值。null的字符串值是object。

需要使用复合条件来检测null值。
null是假值，也是唯一一个用typeof检测返回object的基本类型值。

var a = null;
console.log(!a && typeof a === "object"); //true

函数返回 “function”

var b = function fun(x, y) {};
console.log(typeof b === "function"); //true

数组、日期也是对象。instanceof运算符可区分开对象类型。

console.log(typeof [1, 2, 3] === "object"); //true
console.log(typeof new Date()); //object

对于对象到底属于哪一种具体的类型，可以使用instanceof运算符和Object.prototype.toString()方法确定。

二、值和类型

JavaScript中的变量是没有类型的，只有值才有。
变量可以随时持有任何类型的值。

在对变量进行typeof操作时，得到的结果是该变量持有的值的类型，并不是变量的类型。

var c = 42;
console.log(typeof c); //number

c = "42";
console.log(typeof c); //string
c = true;
console.log(typeof c); //boolean

console.log(typeof typeof c); //string

三、typeof的安全防范机制

对未声明的变量的访问会产生ReferenceError，但是typeof会返回"undefined"。
因为typeof有一个特殊的安全防范机制。可利用该机制来检查undeclared变量。

var d;
console.log(d); //undefined
//console.log(e); //ReferenceError: e is not defined
console.log(typeof d); // undefined
console.log(typeof e); // undefined

if (DEBUG) { //error
    console.log("Debugging is starting.")
}

if (typeof DEBUG !== "undefined") {
    console.log("Debugging is starting.")
}

if (typeof atob === "undefined") {
    atob = function() { /*   */ };
}

检查所有全局变量是否是全局对象的属性，访问不存在的对象属性不会产生ReferenceError错误。

if (window.DEBUG) {
    console.log("Debugging is starting.")
}

if (!window.atob) {
    atob = function() { /*   */ };
}

JavaScript代码运行在多个JavaScript环境（浏览器、服务器端node.js等）中时，此时全局对象并不总是window。

typeof的安全防范机制对于非全局变量也很管用。

function doSomethingCool() {
    var helper =
        (typeof FeatureXYZ !== "undefined") ? FeatureXYZ : function() {};
    var val = helper();
}

依赖注入方式

function doSomethingCool(FeatureXYZ) {
    var helper = FeatureXYZ || function() {};
    var val = helper();
}

四、参考资料

• JavaScript权威指南 第6版 David Flanagan著 淘宝前端团队 译
• 你不知道的JavaScript 上卷 KYLE SIMPSON著 赵望野 梁杰译
• 你不知道的JavaScript 中卷 KYLE SIMPSON著 单业 姜南译
• JavaScript教程 https://wangdoc.com/javascript/index.html
• ECMAScript6 入门 阮一峰 http://es6.ruanyifeng.com/
• JavaScript指南 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide