在平常写js代码,类型判断必不可少,那么我们常见有哪几种?看到了标题,先不看你会想到那些方法 ,常用呢些呢?那么今天我自己总结一些判断类型的判断,如有错,万望告知!

1:typeof 常用这种方法不错

console.log(typeof 123 === "number"); //true

console.log(typeof "type" === "string"); //true

console.log(typeof undefined === "undefined"); //true
console.log(typeof function(){} === "function"); //true
//可是这两个就无法判断 都是"object"  console.log(typeof {} === "object"); //true  console.log(typeof [] === "object"); //true //注意 用typeof 判断 null 或是 [] 无法通过console.log(typeof null === "null") 没有标准值比较因此无法通过 ===  typeof [] // "object" type null // "undefined" 或是"object" 总之不同浏览器判断 都有变化 ,奇葩的null

2: instanceof 来补充上面无法真正分辨出 数组 [] 与 json对象{} 。感觉instanceof 为了判断 [] {}而生的!!!

 console.log([] instanceof Array)//true

 console.log({} instanceof Object)//true

// 判断其他的就功力下降了
console.log(123 instanceof Number);//false
console.log("type" instanceof String);//false
 

3:toString.call() 这种方法不错 与 老祖宗方法 Object.prototype.toString.call()一样的 个人推荐用这种

 console.log(toString.call(123) === '[object Number]');//true
console.log(toString.call('type') === '[object String]');//true
console.log(toString.call(null) === '[object Null]');//true
console.log(toString.call(undefined) === '[object Undefined]');//true
console.log(toString.call(true) === '[object Boolean]');//true
console.log(toString.call([]) === '[object Array]');//true
console.log(toString.call({}) === '[object Object]');//true
console.log(toString.call(function(){}) === '[object Function]');//true

4:constructor 构造函数的属性  用来判别对创建实例对象的函数的引用(个人觉得:认爹妈用的)

        var arr = [];
var str = 'type';
var num = 123;
var boo = true;
var fn = function () {};
var obj = {}; console.log(arr.constructor == Array);//true
console.log(str.constructor == String);//true
console.log(num.constructor == Number);//true
console.log(boo.constructor == Boolean);//true
console.log(fn.constructor == Function);//true
console.log(obj.constructor == Object);//true

5:还有ES6的,或是jQuery就不列举了!!知道有这几种也足够使用了。。。

上面判断的全都是内置对象实例后的类型判断,那么大家应该知道类型判断,日后GET起来,希望对你有用!!!深夜放毒,才是更有问道。。。

javascript 类型的判断的更多相关文章

  1. JavaScript 类型浅解

    对于JavaScript 类型,可简单地概括为:相对于强类型语言来说,它是弱(松散)类型的语言:有基本类型和引用类型,他们是区别是一个有固定空间存在于栈内存中,一个没有固定空间保存在堆内存中并且在栈内 ...

  2. JavaScript根据文件名判断文件类型

    //JavaScript根据文件名判断文件类型 var imgExt = new Array(".png",".jpg",".jpeg",& ...

  3. 关于javascript 里面类型的判断

    javacript至今共有7中类型 Six data types that are primitives: Boolean Null Undefined Number String Symbol (n ...

  4. javaScript 类型判断

    直接上例子: 1 判断是否为数组类型 2 判断是否为字符串类型 3 判断是否为数值类型 4 判断是否为日期类型 5 判断是否为函数 6 判断是否为对象 1 判断是否为数组类型 linenum < ...

  5. javascript类型判断方法

    判断javascript中的类型,共有四种常用的方法 var a=6; var b="str"; var c=true; var arr=[]; typeof 用于基本类型的判断 ...

  6. javascript中对变量类型的判断

    本文正式地址:http://www.xiabingbao.com/javascript/2015/07/04/javascript-type 在JavaScript中,有5种基本数据类型和1种复杂数据 ...

  7. javascript增强typeof 对复杂类型的判断

    js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object). typeof 由于js中的变量是松散类型的 ...

  8. 【跟着子迟品 underscore】JavaScript 中如何判断两个元素是否 "相同"

    Why underscore 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. 阅读一些著名框架类库的源码,就好像和一个个大师对 ...

  9. javascript类型注意事项

    以下是javascript类型的注意事项: null:表示尚未存在的对象,注意,尽管尚未存在,也是个对象啊,所以用typeof检测一个null值变量的结果是Object:不过,为了便于写if语句,在j ...

随机推荐

  1. swift2.0 字符串,数组,字典学习代码

    swift 2.0 改变了一些地方,让swift变得更加完善,这里是一些最基本的初学者的代码,里面涉及到swift学习的最基本的字符串,数组,字典和相关的操作.好了直接看代码吧. class View ...

  2. 转: 尽己力,无愧于心 FastReport.Net 常用功能总汇

    FastReport.Net 常用功能总汇   一.常用控件 文本框:输入文字或表达式 表格:设置表格的行列数,输入数字或表达式 子报表:放置子报表后,系统会自动增加一个页面,你可以在此页面上设计需要 ...

  3. js、css3实现图片的放大效果

    今天看网易的网站上,当我把鼠标放上去的时候发现图片放大,移开图片缩小,于是自行尝试,结果如下. 方法一:使用js和css3 效果如图: 这样的实现非常简单,就是利用js的mouseover和 mous ...

  4. phpcms如何做企业站--> 替换首页最初操作

    首先用一个静态首页的模板,通过cms进行替换做成一个有后台的 首页的替换流程首先要先把静态网页做出来,拿这个页面去替换 页面所有的文件都在这,做静态页面的文件 现在要做的是把这些文件复制一下拿到php ...

  5. Java 去除 ArrayList 集合中的重复元素

    // One practice package Collection; import java.util.ArrayList; import java.util.Iterator; // 去除 Arr ...

  6. Java安装

    java特点:跨平台.简单.面向对像编译后解释再运行安装JDK 环境变量的配置:JAVA_HOME:JDK的根目录====C:\Program Files\Java\jdk1.7.0_25Path:J ...

  7. QT编程环境搭建

    使用QT需要QT的库以及QT creator,在QT5以后的版本中,两者已经集成,不需要单独下载了,只需要下载一个文件即可.配置步骤如下: 1.下载qt-opensource-windows-x86- ...

  8. [solr] - solr5.2.1环境搭建 - 使用solr自带的jetty服务器

    solr除了使用tomcat作为容器外,还可以使用其他的常用容器,比如jetty,jboos等,而且solr自身就自带jetty服务器,那么现在就solr自带的jetty服务器进行安装操作.由于sol ...

  9. [solr] - solr5.2.1环境搭建 - 使用tomcat做为容器

    这里忽略solr其他依赖环境的搭建,这里搭建solr5.2.1.使用Java1.7.0_17,tomcat使用6.0.36版本的. 1.下载solr压缩文件 Solr是Apache基金组织在lucen ...

  10. iOS 用Swipe手势和动画实现循环播放图片

    主要想法 添加3个ImageView展示图片,实现图片的无限循环. 使用Swipe手势识别用户向右或向左滑动图片. 使用CATransition给ImageView.layer添加动画,展示图片更换的 ...