全手打原创，转载请标明出处：https://www.cnblogs.com/dreamsqin/p/13666885.html， 多谢，=。=~（如果对你有帮助的话请帮我点个赞啦）
重新学习JavaScript是因为当年转前端有点儿赶鸭子上架的意味，我一直在反思我的知识点总是很零散，不能在脑海中形成一个完整的体系，所以这次想通过再次学习将知识点都串联起来，结合日常开发的项目，达到温故而知新的效果。与此同时，总结一下我认为很重要但又被我遗漏的知识点～
JavaScript 有三种方法，可以确定一个值到底是什么类型：
typeof运算符
- 用法：
typeof [value] - 返回值：number（数值）、string（字符串）、boolean（布尔值）、function（函数）、undefined（undefined）、object（对象）
- 特殊用法：用于检查没有声明的变量而不报错
- 例子：
typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"
function f() {}
typeof f // "function"
typeof undefined // "undefined"
typeof v // "undefined"
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
PS：typeof null返回object
instanceof运算符
- 用法：
[A] instanceof [B]，用来验证一个对象是否为指定的构造函数的实例 - 返回值：true、false
- 特殊用法：用于区分对象和数组
- 例子：
var o = {};
var a = [];
o instanceof Array // false
a instanceof Array // true
Object.prototype.toString方法
- 用法：
Object.prototype.toString.call(value)，返回当前对象对应的字符串形式，默认情况下返回类型字符串"[object object]"（第二个值表示该对象的构造函数） - 返回值：
"[object type]" - 特殊用法：用于比
typeof更精准的数据类型判断 - 例子：
//数值：返回[object Number]
//字符串：返回[object String]
//布尔值：返回[object Boolean]
//undefined：返回[object Undefined]
//null：返回[object Null]
//数组：返回[object Array]
//arguments 对象：返回[object Arguments]
//函数：返回[object Function]
Object.prototype.toString.call(Math) // "[object Math]"
//Error 对象：返回[object Error]
//Date 对象：返回[object Date]
//RegExp 对象：返回[object RegExp]
//其他对象：返回[object Object]
//一个比typeof运算符更准确的类型判断函数
var type = function (o){
var s = Object.prototype.toString.call(o);
return s.match(/[object (.*?)]/)[1].toLowerCase();
};
type({}); // "object"
type([]); // "array"
type(5); // "number"
type(null); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"
//专门判断某种类型数据的方法
['Null',
'Undefined',
'Object',
'Array',
'String',
'Number',
'Boolean',
'Function',
'RegExp'
].forEach(function (t) {
type['is' + t] = function (o) {
return type(o) === t.toLowerCase();
};
});
type.isObject({}) // true
type.isNumber(NaN) // true
type.isRegExp(/abc/) // true
参考资料
JavaScript 语言入门教程 ：https://wangdoc.com/javascript/index.html