js学习总结_基于数据类型检测的四种方式(必看)


Posted in Javascript onJuly 04, 2017

1、typeof 用来检测数据类型的运算符 

console.log(typeof 12)//Number

使用typeof检测数据类型,首先返回的都是字符串 ,其次字符串中包含了对应的数据类型

例如:"number"、"string"、"boolean"、"undefined"、"function"、"object"

console.log(typeof typeof function(){}) //string

局限性:

typeof null -> "object"

不能具体的细分是数组还是正则,还是对象中其他的值,因为使用typeof检测数据类型,对于对象数据类型中的值,最后返回的结果都是"object"

2、instanceof 检测某一个实例是否属于某个类

var obj = [12,23];
    console.log(obj instanceof Array);

局限性:

对于基本数据类型来说,字面量方式创建出来的结果和实例方式创建出来的结果是有一定的区别的。从严格意义上讲,只有实例创建出来的结果才是标准的对象数据类型值,也是标准的Number这个类的一个实例;对于字面量方式创建出来的结果是基本的数据类型值,不是严谨的实例,但是由于JS的松散特点,导致了可以使用Number.prototype上的方法

1)、不能用来检测和处理字面量方式创建出来的基本数据类型值

console.log(1 instanceof Number);//false
console.log(new Number(1) instanceof Number)//true

2)、instanceof的特性:只要在当前实例的原型链上,我们用其检测的结果都为true

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

3、constructor 构造函数 作用和instanceof非常的相似  constructor可以处理基本数据类型的检测

constructor检测Object和instanceof不一样 一般情况下是检测不了的

var obj = [];
    console.log(obj.constructor === Array)//true

    var num = 1;
    console.log(num.constructor === Number)//true

局限性:我们可以把类的原型进行重写,在重写的过程中很有可能出现把之前的constructor给覆盖掉了,这样检测出来的结果就不准确了。

对于特殊的数据类型null和undefined,他们所属的类是Null和Undefined,但是浏览器把这两个类保护起来了,不允许我们在外面访问使用

4、Object.prototype.toString.call() 最准确最常用的方式 各种类型的都可以检测(基本和引用)

首先获取Object原型上的toString方法,让方法执行,并且改变方法中的this关键字的指向

toString的理解:

表面上看应该是转化成字符串,但是某些toString方法不仅仅是转换为字符串

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

Object.prototype.toString()并不是用来转化为字符串的,他的作用是返回当前方法执行主体(方法中的this)所属类的详细信息。

({name:"李四"}).toString() //[object object]
    Math.toString()//[object Math]
({name:"李四"}).toString() //[object object]
    Math.toString()//[object Math]

    var obj = {name:"张三"};
    console.log(obj.toString())//toString中的this是obj,返回的是obj所属的类的信息。[object Object] 第一个object代表当前实例是对象数据类型的(这个是固定的),第二个Object代表的是obj所属的类是Object

console.log((1).toString()) // "1" Number.prototype.toString转化为字符串

console.log((128).toString(2/8/10)) 把数字转化为2进制、8进制、10进制

所以上面的方法的检测如下 

var ary = [];
    console.log(Object.prototype.toString.call(ary))//[object Array]

以上这篇js学习总结_基于数据类型检测的四种方式(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
深入理解Javascript作用域与变量提升
Dec 09 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
Angularjs中UI Router全攻略
Jan 29 Javascript
Vue.js 和 MVVM 的注意事项
Nov 07 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
Apr 13 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
vue引入js数字小键盘的实现代码
May 14 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
May 14 Javascript
详细分析Node.js 多进程
Jun 22 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 #Javascript
javascript 初学教程及五子棋小程序的简单实现
Jul 04 #Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 #Javascript
JS全角与半角转化实例(分享)
Jul 04 #Javascript
详解如何提高 webpack 构建 Vue 项目的速度
Jul 03 #Javascript
vue.js源代码core scedule.js学习笔记
Jul 03 #Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
Jul 03 #Javascript
You might like
Warning: session_destroy() : Trying to destroy uninitialized sessionq错误
2011/06/16 PHP
php中++i 与 i++ 的区别
2012/08/08 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
Laravel框架文件上传功能实现方法示例
2019/04/16 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作
2020/08/17 PHP
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
20个最新的jQuery插件
2012/01/13 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
利用vue + element实现表格分页和前端搜索的方法
2017/12/25 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
2019/11/13 Javascript
Python实现把回车符\r\n转换成\n
2015/04/23 Python
开始着手第一个Django项目
2015/07/15 Python
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
python版微信跳一跳游戏辅助
2018/01/11 Python
python 获取页面表格数据存放到csv中的方法
2018/12/26 Python
详解pandas.DataFrame中删除包涵特定字符串所在的行
2019/04/04 Python
通过cmd进入python的步骤
2020/06/16 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
Python如何合并多个字典或映射
2020/07/24 Python
python 实现aes256加密
2020/11/27 Python
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
意大利网上书店:LaFeltrinelli
2020/06/12 全球购物
公司业务主管岗位职责
2013/12/07 职场文书
英文留学推荐信范文
2014/01/25 职场文书
党员弘扬焦裕禄精神思想汇报
2014/09/10 职场文书
爱心捐助活动总结
2015/05/09 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
小人国观后感
2015/06/11 职场文书
搞笑婚庆主持词
2015/06/29 职场文书
信息技术课教学反思
2016/02/23 职场文书