Javascript 类型检查

LdhAndroid 发布于2019-08-21 10:53 / 670人阅读

摘要：在中常见的类型检查手段主要有和。与方法不同的是，方法要求开发者明确地确认对象为某特定类型。操作符用于检测某个对象的原型链是否包含某个构造函数的属性。例如在上面的例子中，原型中的属性被修改指向到了，导致检测不出实例对象真实的构造函数。

在 Javascript 中常见的类型检查手段主要有：typeof,instanceof,constructor和Object.prototype.toString。

typeof 运算符

typeof操作符返回的是类型字符串.

typeof 12   // "number"
typeof "hello" // "string"
typeof true   // "boolean"
typeof function(){}   // "function"
typeof undefined   // "undefined"
typeof [1,2] // "object"
typeof {}   // "object"
typeof NaN // "number"
typeof null // "object"

从上面的输出结果可以得出结论：typeof只能用来检测基本数据类型。在实际的生产环境中，typeof常常用来判断变量是否为undefined。

instanceof 运算符

在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instanceof 方法要求开发者明确地确认对象为某特定类型。

instanceof操作符用于检测某个对象的原型链是否包含某个构造函数的prototype属性。

123 instanceof Number               //false
"123" instanceof String             //false
true instanceof Boolean,            //false
[] instanceof Array                 //true
{} instanceof Object                //true
(function(){}) instanceof Function  //true
undefined instanceof Object         //true
null instanceof Object              //true
new Date() instanceof Date          //true
new RegExp() instanceof RegExp      //true
new Error() instanceof Error        //true

从输出结果来看, undefined和null是检测不成Object类型的，要使用 instanceof 进行变量检测时，需要首先判断是否是 undefined 和 null

constructor属性

在使用instanceof检测变量类型时，我们检测不到number, ‘string’, bool的类型的。因此，我们需要换一种方式来解决这个问题。

constructor本来是原型对象上的属性，指向构造函数。但是根据实例对象寻找属性的顺序，若实例对象上没有实例属性或方法时，就去原型链上寻找，因此，实例对象也是能使用constructor属性的。但是undefinded 和 null是没有 constructor 属性的。

function Person(){}
var Tom = new Person();
console.log(Tom.constructor == Person);  //true
(123).constructor == Number;  //true
("hello").constructor == String ;  //true
(true).constructor == Boolean;  //true
[].constructor == Array;  //true
{}.constructor == Object;  //true
(function(){}).constructor == Function  //true

从上面的输出结果可以看出，除了undefined 和 null，其他类型的变量均能使用constructor判断出来。

但是constructor也不是万无一失的，它是能被修改的，会导致输出的结果不正确。例如：

function Person(){}
function Student(){}
Student.prototype = new Person();
var Jack = new Student();
console.log( Jack.constructor == Student ); //false
console.log( Jack.constructor == Person ); //true

在上面的例子中， Student原型中的constructor属性被修改指向到了Person，导致检测不出实例对象Jack真实的构造函数。

Object.prototype.toString

Object.prototype.toString.call(变量)输出的是一个字符串，字符串里有一个数组，第一个参数是Object，第二个参数就是这个变量的类型，而且，所有变量的类型都检测出来了，我们只需要取出第二个参数即可。或者可以使用Object.prototype.toString.call(arr)=="object Array"来检测变量arr是不是数组。

Object.prototype.toString.call(123);
//"[object Number]"
Object.prototype.toString.call("hello");
//"[object String]"
Object.prototype.toString.call(false);
//"[object Boolean]"
Object.prototype.toString.call([]);
//"[object Array]"
Object.prototype.toString.call({});
//"[object Object]"
Object.prototype.toString.call(function(){});
//"[object Function]"
Object.prototype.toString.call(null)
//"[object Null]"
Object.prototype.toString.call(undefined)
//"[object Undefined]"

ECMA里是这样定义Object.prototype.toString.call的：

Object.prototype.toString( ) When the toString method is called, the following steps are taken:

Get the [[Class]] property of this object.

Compute a string value by concatenating the three strings “[object “, Result (1), and “]”.

Return Result (2)

上面的规范定义了Object.prototype.toString的行为：首先，取得对象的一个内部属性[[Class]]，然后依据这个属性，返回一个类似于”[object Array]”的字符串作为结果（看过ECMA标准的应该都知道，[[]]用来表示语言内部用到的、外部不可直接访问的属性，称为“内部属性”）。利用这个方法，再配合call，我们可以取得任何对象的内部属性[[Class]]，然后把类型检测转化为字符串比较，以达到我们的目的。

云服务器 GPU云服务器静态类型检查 js检查数据类型 java怎么检查类型检查 ssl证书类型

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

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

Flow, 一个新的Javascript静态类型检查器

摘要：原文链接翻译于今天我们兴奋的发布了的尝鲜版，一个新的静态类型检查器。为添加了静态类型检查，以提高开发效率和代码质量。这最终形成一个高度并行增量式的检查架构，类似。知道缩小类型范围时做动态检查的影响。原文链接：https://code.facebook.com/posts/1505962329687926/flow-a-new-static-type-checker-for-java...

liangzai_cool 2019-08-19 17:15 评论0 收藏0
为你的 JavaScript 项目添加智能提示和类型检查

摘要：前言最近在做项目代码重构，其中有一个要求是为代码添加智能提示和类型检查。调研了一段时间后，下文以编辑器作为开发工具，介绍一下如何为加上智能提示以及类型检查。本文首发于我的博客（点此查看），欢迎关注。前言最近在做项目代码重构，其中有一个要求是为代码添加智能提示和类型检查。智能提示，英文为 IntelliSense，能为开发者提供代码智能补全、悬浮提示、跳转定义等功能，帮助其正确并且...

zhaochunqi 2019-08-23 15:43 评论0 收藏0
Flow - JS静态类型检查工具

摘要：介绍是个的静态类型检查工具，由出品的开源码项目，问世只有一年多，是个相当年轻的项目。现在，提供了另一个新的选项，它是一种强静态类型的辅助检查工具。 showImg(https://segmentfault.com/img/bVH6mL?w=1200&h=675); 本章的目标是提供一些Flow工具的介绍与使用建议。Flow本质上也只是个检查工具，它并不会自动修正代码中的错误，也不会强制...

seanHai 2019-08-20 13:39 评论0 收藏0
JavaScript类型检查之Flow

摘要：一是一种弱类型动态类型检查的语言。动态类型与静态类型的核心区别动态类型的类型检查是是在代码运行的时候进行的，静态类型的类型检查则是在编译时进行。一、js是一种弱类型、动态类型检查的语言。弱类型：在定义变量时，可以为变量定义复制任何数据，变量的数据类型不是固定死的，这样的类型叫做弱类型。 var a = 10; a = abc; a = []; a = function() {}...

zhonghanwen 2019-08-23 18:41 评论0 收藏0
JavaScript 需要检查变量类型吗

摘要：一返回值调用外部方法获取的值需要对类型做判断，因为我们对方法返回的值是有期望值类型，但是却不能保证这个接口返回的值一直是同一个类型。 19年目标：消灭英语！我新开了一个公众号记录一个程序员学英语的历程有提升英语诉求的小伙伴可以关注公众号：csenglish 程序员学英语，每天花10分钟交作业，跟我一起学英语吧 javascript作为一门动态类型语言，具有很高的动态灵活性，当定义函数...

Songlcy 2019-08-20 15:47 评论0 收藏0
[你不知道的 JavaScript 类型和语法] 第一章：类型

摘要：语言中规定的类型为以及。这两个值有不同的类型。内建类型定义了七种内建类型中新增提示以上类型，除的被称为基本类型。新增列出的六种类型的值都会返回一个对应类型名称的字符串。是中新增的数据类型，我们会在第三章详细介绍。译者的前言一直都想好好研究这个在 GitHub 上很有名气的系列，而翻译恰是最好的阅读途径之一。可以让我阅读的时候，不那么不求甚解。图灵社区出版了该系列两部分的中文版——...

Astrian 2019-08-22 12:02 评论0 收藏0