js笔记五十之数据类型检测

数据类型检测

  1. typeof 用来检测数据类型的运算符
console.log(typeof 12); // -> "number"
var str = "lilei";
console.log(typeof str); // -> "string"
console.log(typeof null); // -> "object"

console.log(typeof typeof typeof function(){}) // -> "string"

使用typeof检测数据类型, 首先返回的都是一个字符串其次字符串中包含了对应的数据类型
"number", "string", "boolean","object", "function", "undefined"
局限性: 不能具体的细分是数组,正则,或对象中的其他的值,因为使用typeof检测数据类型, 对于对象数据类型中的所有的值,最后返回的都是"object";

// 定义形参不传值,默认"undefined"
function fn(num1,num2){
    if(typeof num2 === "undefined"){
        num2 = 0;
    }
}
fn(10);


// 回调函数执行
function fn(callback){
    typeof callback === "function"?callback():null;
    
    // callback && callback();
}
fn(function(){
    
})

  1. instanceof 检测某一个实例是否属于某个类
var obj = [12,23];
console.log(obj instanceof Array); // -> true
console.log(obj instanceof RegExp); // -> false
console.log(1 instanceof Number); // -> false
console.log(new Number(1) instanceof Number); // -> true
  1. 不能用来检测和处理字面量方式创建出来的基本数据类型的值
    局限性:对于基本数据类型来说,字面量方式创建出来的结果和实例方式创建出来的结果是有一定的区别的, 从严格意义上来讲, 只有实例创建出来的结果才是标准的对象数据类型, 也是标准的Number这个类额一个实例; 对于字面量方式创建出来的结果是基本数据类型值,不是严谨的实例,但是由于js的松散特点,导致了可以使用Number.prototype上提供的方法;
var ary = [];
console.log(ary instanceof Array); // -> true
console.log(ary instanceof Object); // -> true
function fn(){};
console.log(fn instanceof Function); // -> true
console.log(fn instanceof Object); // -> true
  1. instanceof的特性: 只要在当前实例的原型链上,我们用其检测出来的结果都是true

instanceof

  1. constructor 构造函数 作用和instanceof非常相似
var obj = [];
console.log(obj.constructor === Array) // -> true
console.log(obj.constructor === RegExp) // -> false
var num = 1;
console.log(num.constructor === Number) // -> true
// constructor能够处理基本数据类型的检测
// constructor检测Object和instanceof不一样, 一般情况下是检测不了的
var reg = /^$/;
console.log(reg.constructor === RegExp) // -> true
console.log(reg.constructor === Object) // -> false

局限性:我们可以把类的原型进行重写, 在重写的过程中很有可能出现把之前的constructor给覆盖了, 这样检测出来的结果就是不准确的
对于特殊的数据类型null和undefined, 她们的所属类是Null和Undefined, 但是浏览器把这两个类保护起来了, 不允许我们在外面访问使用


  1. Object 对象数据类型的基类
    Object.prototype.toString.call() 最准确最常用的方式
    首先获取Object原型上的toString方法, 让方法执行,并且改变方法中的this关键字的指向

Object.prototype.toString它的作用是返回当前方法的执行主体(方法中this) 所属类的详细信息

toString的理解:
字面意思应该是转换为字符串, 但是某些toString方法不仅仅是转换为字符串

// Number.prototype.toString把数字转换为字符串
console.log((1).toString()); // Number.prototype.toString -> 转换为字符串

console.log((128).toString(2/8/10)); // 把数字转换为二进制/八进制/十进制

console.log((1).__proto__.__proto__.toString()); // Object.prototype.toString -> "[object Object]"

对于Number/String/Boolean/Array/RegExp/Date/Function原型上的toString方法都是把当前的数据类型转换为字符串的类型(作用仅仅是用来转换为字符串的)

toString

Object.prototype.toString并不是用来转换为字符串的

toString
var ary = [];
console.log(Object.prototype.toString.call(ary)); // -> "[object Array]"
console.log(Object.prototype.toString.call(ary)); // -> [object Array]"
console.log(({}).toString.call(new Date)); // -> "[object Date]"

console.log(Object.prototype.toString.call(12)); // -> "[object Number]"
console.log(Object.prototype.toString.call("lilei")); // -> "[object String]"
console.log(Object.prototype.toString.call(true)); // -> "[object Boolean]"
console.log(Object.prototype.toString.call(undefined));// -> "[object Undefined]"
console.log(Object.prototype.toString.call(null)); // -> "[object Null]"
console.log(Object.prototype.toString.call(function(){})); // -> "[object Function]"
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容