JS中typeof和instanceof的用法小解

2024-04-20 10:32

本文主要是介绍JS中typeof和instanceof的用法小解,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

javascript中,测试数据类型用到typeof 和 instanceof.


1. typeof一般测试基本类型(Undefined、Null、Boolean、Number、String),对引用类型一律返回object(Function引用类型返回Function

测试基本类型:

	var a="oo";var b=true;var c="";var d=null;var e=10;alert(typeof(o));//undefinedalert(typeof(a)); //stringalert(typeof(b)); //booleanalert(typeof(c));//stringalert(d==null); //truealert(typeof(e)); //number

测试引用型:

	var obj1=new Object();var obj2=new Array();var obj3=new Date();var obj4=new Function();var obj5=new Boolean(); var obj6=new Number();var obj7=new String(); alert("obj1  "+typeof(obj1)); //objectalert("obj2  "+typeof(obj2)); //objectalert("obj3  "+typeof(obj3));//objectalert("obj4  "+typeof(obj4));//functionalert("obj5  "+typeof(obj5));//objectalert("obj6  "+typeof(obj6));//objectalert("obj7  "+typeof(obj7));//objectalert(obj4 instanceof Function);//truealert(obj4 instanceof Object);//true


 


2. instanceof测试引用类型(Object、Array、Date、RegExp、Function、基本包装类型(Boolean、Number、String))

2.1 基本包装类型

基本类型值拥有方法操作  和 基本包装类型的出现,前者促进了后者,后者实现了前者。

	var s1="some clothes";var s2=s1.substring(2);alert(s2);//me clothes

在后台自动实现以下过程:

<1>自动创建String类型的一个实例 (中间出现的一个人物,任务是 暗中替s1调用方法)

<2>在实例上调用方法 ,返回值给s2

<3>销毁实例(完成使命就销毁了)


普通的引用类型和基本包装类型的主要区别就是 对象的生存期。自动创建的普通包装类型的实例存在一会就被销毁了,而手动new的一个平常的引用类型的实例,只要执行流还在当前作用域,它就一直保存在内存中。


2.2 测试

例子1  instanceof 可判断对象是不是另一个对象的实例,进一步判断继承关系

	function Fa(){}function Son(){}Son.prototype=new Fa();var obj=new Son();alert("obj是否是Son的实例?  "+(obj instanceof Son));//truealert("obj是否是Fa的实例?  "+(obj instanceof Fa));//true


例子2  寄生构造函数模式下,测试o是不是people的实例 

  function people(name,age,job){o=new Object();o.name=name;o.age=age;o.job=job;o.sayName=function(){alert(this.name);};return o;}var person=new people("zhang","19","student");person.sayName();alert(o instanceof people);//返回的对象o不是people的实例,但是是Object的实例


例子3  字符串传入Object构造函数,自动创建String实例

 var obj=new Object("one day");alert("obj instanceof String");//true

后台自动为"one day" 创建一个String实例,赋值给obj后销毁

3. 需要补充的以后想到了再补吧,写了这么多,除了一丝丝疲劳就是成就感啦


这篇关于JS中typeof和instanceof的用法小解的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/920017

相关文章

揭秘Python Socket网络编程的7种硬核用法

《揭秘PythonSocket网络编程的7种硬核用法》Socket不仅能做聊天室,还能干一大堆硬核操作,这篇文章就带大家看看Python网络编程的7种超实用玩法,感兴趣的小伙伴可以跟随小编一起... 目录1.端口扫描器:探测开放端口2.简易 HTTP 服务器:10 秒搭个网页3.局域网游戏:多人联机对战4.

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

MyBatis 动态 SQL 优化之标签的实战与技巧(常见用法)

《MyBatis动态SQL优化之标签的实战与技巧(常见用法)》本文通过详细的示例和实际应用场景,介绍了如何有效利用这些标签来优化MyBatis配置,提升开发效率,确保SQL的高效执行和安全性,感... 目录动态SQL详解一、动态SQL的核心概念1.1 什么是动态SQL?1.2 动态SQL的优点1.3 动态S

java之Objects.nonNull用法代码解读

《java之Objects.nonNull用法代码解读》:本文主要介绍java之Objects.nonNull用法代码,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录Java之Objects.nonwww.chinasem.cnNull用法代码Objects.nonN

JavaScript Array.from及其相关用法详解(示例演示)

《JavaScriptArray.from及其相关用法详解(示例演示)》Array.from方法是ES6引入的一个静态方法,用于从类数组对象或可迭代对象创建一个新的数组实例,本文将详细介绍Array... 目录一、Array.from 方法概述1. 方法介绍2. 示例演示二、结合实际场景的使用1. 初始化二

一文带你了解SpringBoot中启动参数的各种用法

《一文带你了解SpringBoot中启动参数的各种用法》在使用SpringBoot开发应用时,我们通常需要根据不同的环境或特定需求调整启动参数,那么,SpringBoot提供了哪些方式来配置这些启动参... 目录一、启动参数的常见传递方式二、通过命令行参数传递启动参数三、使用 application.pro

关于@RequestParam的主要用法详解

《关于@RequestParam的主要用法详解》:本文主要介绍关于@RequestParam的主要用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 基本用法2. 默认值3. 可选参数4. 绑定到对象5. 绑定到集合或数组6. 绑定到 Map7. 处理复杂类

SQL中的CASE WHEN用法小结

《SQL中的CASEWHEN用法小结》文章详细介绍了SQL中的CASEWHEN函数及其用法,包括简单CASEWHEN和CASEWHEN条件表达式两种形式,并通过多个实际场景展示了如何使用CASEWH... 目录一、简单CASE WHEN函数:二、CASE WHEN条件表达式函数三、常用场景场景1:不同状态展

Linux find 命令完全指南及核心用法

《Linuxfind命令完全指南及核心用法》find是Linux系统最强大的文件搜索工具,支持嵌套遍历、条件筛选、执行动作,下面给大家介绍Linuxfind命令完全指南,感兴趣的朋友一起看看吧... 目录一、基础搜索模式1. 按文件名搜索(精确/模糊匹配)2. 排除指定目录/文件二、根据文件类型筛选三、时间

Java导入、导出excel用法步骤保姆级教程(附封装好的工具类)

《Java导入、导出excel用法步骤保姆级教程(附封装好的工具类)》:本文主要介绍Java导入、导出excel的相关资料,讲解了使用Java和ApachePOI库将数据导出为Excel文件,包括... 目录前言一、引入Apache POI依赖二、用法&步骤2.1 创建Excel的元素2.3 样式和字体2.