文档章节

Javascript之数据类型的检测

 沉非
发布于 2017/07/20 23:16
字数 666
阅读 3
收藏 0

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

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

    number string boolean undefined  function object

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

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

    局限性:

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

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

    console.log(1 instanceof Number)   // false

    console.log('' instanceof String)   // false

    console.log(true instanceof Boolean)   // false

    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非常的相似

    var obj = [];

    console.log(obj.constructor === 'Array')  //true

    var num=1;

    console.log(num.constructor === Number)

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

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

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

4、Object.prototype.toString.call()    最准确最常用的方法

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

    toString的理解:

    意义:乍一看应该是转换为字符串,但是某些toString方法不仅仅是转化字符串

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

    console.log((1).__proto__.__proto__.toString())    //

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

© 著作权归作者所有

粉丝 1
博文 32
码字总数 24934
作品 0
海淀
程序员
私信 提问
说说javascript变量类型和变量类型检测

javascript是一种弱类型语言,它的典型例子就是即变量在使用的时候可以给它赋值任何类型。那么先来看下javascript都有那些变量类型已经它们的使用方法吧。 先来看看javascript都有那些类型吧...

开源中国最帅没有之一
2014/10/16
163
0
TypeScript VS JavaScript 深度对比

TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集,但是 TypeScript 与 JavaScript 之间又有什么样的区别呢?在选择开...

powertoolsteam
2018/06/29
0
0
JavaScript 数据类型检测终极解决方案

JavaScript 的数据类型检测是我们平时开发中经常会遇到的场景,小到基本数据类型大至各种引用数据类型的检测,都是我们需要掌握的知识点。本章会详细讲解 JavaScript 中各种不同数据类型的检...

淘淘笙悦
2018/09/19
0
0
我认为一些必知的JavaScript基础知识

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。 JS作用:表单验证,减轻服务端的压力;添加页面动画效果;动态更改页面内容;Ajax网络请求。 下面简...

peakedness丶
2018/11/02
0
0
TypeScript手册翻译系列1-基础类型

基础类型(Basic Types) 我们提供一些基础类型,比如数字(numbers)、字符串(strings)、结构(structures),布尔值(Boolean)等等。在TypeScript中,我们支持JavaScript中相同的类型,还...

一配
2015/08/16
990
0

没有更多内容

加载失败,请刷新页面

加载更多

代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0
学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
今天
8
0
VMware vSphere的两种RDM磁盘

在VMware vSphere vCenter中创建虚拟机时,可以添加一种叫RDM的磁盘。 RDM - Raw Device Mapping,原始设备映射,那么,RDM磁盘是不是就可以称作为“原始设备映射磁盘”呢?这也是一种可以热...

大别阿郎
今天
12
0
【AngularJS学习笔记】02 小杂烩及学习总结

本文转载于:专业的前端网站☞【AngularJS学习笔记】02 小杂烩及学习总结 表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy ......

前端老手
昨天
16
0
Linux 内核的五大创新

在科技行业,创新这个词几乎和革命一样到处泛滥,所以很难将那些夸张的东西与真正令人振奋的东西区分开来。Linux内核被称为创新,但它又被称为现代计算中最大的奇迹,一个微观世界中的庞然大...

阮鹏
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部