javascript数据类型检测的几种方式

Baaaan 发布于2019-08-20 15:23 / 1121人阅读

摘要：类型检测的方法鸭子类型返回一个字符串，适合函数对象和基本类型的判断返回一个布尔值，判断对象类型基于原型链的方式原理左边对象的原型链原型上是否有右边构造函数的对象属性是基本类型这么多就说明不适合用于基本数据类型注意返回的是

类型检测的方法

typeof

instanceof

Object.protype.toString

constructor

duck type:鸭子类型

typeof

返回一个字符串，适合函数对象和基本类型的判断

var a = 123;
var b = "123";
var c = false;
var d = null;
var e = undefined;
var f = {};
var g = function(){};
var h = [];
var i = NaN;

console.log(typeof a);
console.log(typeof b);
console.log(typeof c);
console.log(typeof d);
console.log(typeof e);
console.log(typeof f);
console.log(typeof g);
console.log(typeof h);
console.log(typeof i);

instanceof

返回一个布尔值，判断对象类型（基于原型链的方式）

原理：
左边对象的原型链（_proto_原型）上是否有右边构造函数的prototype对象属性

    var a = 123;
    var b = "123";
    var c = false;
    var d = null;
    var e = undefined;
    var f = {};
    var g = function(){};
    var h = [];
    var i = NaN;
    console.log(a instanceof Number);
    console.log(b instanceof String);
    console.log(c instanceof Boolean);
    console.log(d instanceof Object);
    console.log(e instanceof Object);
    console.log(f instanceof Object);
    console.log(g instanceof Function);
    console.log(h instanceof Array);
    console.log(i instanceof Number);//NaN是基本类型

这么多false就说明instanceof不适合用于基本数据类型！！

Object.prototype.toString

var oP = Object.prototype,
toString = oP.toString;
console.log(toString.call(123));//[object Number]
console.log(toString.call("123"));//[object String]
console.log(toString.call(false));//[object Boolean]
console.log(toString.call(undefined));//[object Undefined]
console.log(toString.call(null));//[object Null]
console.log(toString.call({a: "123"}));//[object Object]
console.log(toString.call(/123/));//[object RegExp]
console.log(toString.call([123]));//[object Array]
console.log(toString,call(Date));//[object Function]

注意：IE6/7/8 Object.prototype.toString.call(null/undefined)返回的是[object Object]

constructor

var a = 123;
var b = "123";
var c = false;
var d = null;
var e = undefined;
var f = {};
var g = function(){};
var h = [];
var i = NaN;
console.log(a.constructor == Number);
console.log(b.constructor == String);
console.log(c.constructor == Boolean);
// console.log(d.constructor == Object);
// console.log(e.constructor == Object);
console.log(f.constructor == Object);
console.log(g.constructor == Function);
console.log(h.constructor == Array);
console.log(i.constructor == Number);

GPU云服务器云服务器 js的几种数据类型 js继承的几种方式服务器请求的几种方式 java创建对象的几种方式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82198.html

《javascript高级程序设计》第六章读书笔记之 javascript对象的几种创建方式

摘要：三种使用构造函数创建对象的方法和的作用都是在某个特殊对象的作用域中调用函数。这种方式还支持向构造函数传递参数。叫法上把函数叫做构造函数，其他无区别适用情境可以在特殊的情况下用来为对象创建构造函数。一、工厂模式工厂模式：使用字面量和object构造函数会有很多重复代码，在此基础上改进showImg(https://segmentfault.com/img/bVbmKxb?w=456&...

xiaotianyi 2019-08-23 14:31 评论0 收藏0
js类型检测的几种方式盘点

摘要：开始之前，必须要知道中关于类型的定义。作为基本类型也返回，因为在中的定义就是用来表示一个空对象指针。返回值类型总结一般用来检测，无法正确检测基本数据类型。但是注意，因为和都是类型。返回值类型总结这也是比较好的返回方式了。开始之前，必须要知道js中关于类型的定义。js中有6种基本类型，null，undefined,boolean,string,number,symbol(es6新增的类...

fantix 2019-08-23 18:29 评论0 收藏0
JavaScript知识点总结

摘要：参与任何数值计算的结构都是，而且。。面向人类的理性事物，而不是机器信号。达到无刷新效果。的工作原理总是指向一个对象，具体是运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。原型对象上有一个属性，该属性指向的就是构造函数。 1.JS面向对象的理解面向对象的三大特点：继承、封装、多态 1、JS中通过prototype实现原型继承 2、JS对象可以通过对象冒充，实现多重继承， 3...

sean 2019-08-22 13:51 评论0 收藏0
JavaScript数据类型判断

摘要：日常工作中经常会有判断数据类型的需求，这里简单介绍下我平时判断数据类型的几种方式。当使用检测基本类型时，会始终返回操作符确实解决了类型判断的问题，但还是有一些不足之处。此外，只能返回，并不能直接返回数据的类型。 JavaScript中有5种基本数据类型：undefined,String,Boolean,Number,Null,以及一种复杂数据类型Object。日常工作中经常会有判断数据...

luckyyulin 2019-08-21 16:51 评论0 收藏0
一名【合格】前端工程师的自检清单

摘要：在他的重学前端课程中提到到现在为止，前端工程师已经成为研发体系中的重要岗位之一。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。一基础前端工程师吃饭的家伙，深度广度一样都不能差。开篇前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 winter在他的《重学前端》课程中提到：到现在为止，前端工程师已经成为研...

罗志环 2019-08-23 17:08 评论0 收藏0