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

相关文章

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

Python itertools中accumulate函数用法及使用运用详细讲解

《Pythonitertools中accumulate函数用法及使用运用详细讲解》:本文主要介绍Python的itertools库中的accumulate函数,该函数可以计算累积和或通过指定函数... 目录1.1前言:1.2定义:1.3衍生用法:1.3Leetcode的实际运用:总结 1.1前言:本文将详

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

MyBatis-Flex BaseMapper的接口基本用法小结

《MyBatis-FlexBaseMapper的接口基本用法小结》本文主要介绍了MyBatis-FlexBaseMapper的接口基本用法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具... 目录MyBATis-Flex简单介绍特性基础方法INSERT① insert② insertSelec

深入解析Spring TransactionTemplate 高级用法(示例代码)

《深入解析SpringTransactionTemplate高级用法(示例代码)》TransactionTemplate是Spring框架中一个强大的工具,它允许开发者以编程方式控制事务,通过... 目录1. TransactionTemplate 的核心概念2. 核心接口和类3. TransactionT

数据库使用之union、union all、各种join的用法区别解析

《数据库使用之union、unionall、各种join的用法区别解析》:本文主要介绍SQL中的Union和UnionAll的区别,包括去重与否以及使用时的注意事项,还详细解释了Join关键字,... 目录一、Union 和Union All1、区别:2、注意点:3、具体举例二、Join关键字的区别&php

oracle中exists和not exists用法举例详解

《oracle中exists和notexists用法举例详解》:本文主要介绍oracle中exists和notexists用法的相关资料,EXISTS用于检测子查询是否返回任何行,而NOTE... 目录基本概念:举例语法pub_name总结 exists (sql 返回结果集为真)not exists (s

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

Springboot中Jackson用法详解

《Springboot中Jackson用法详解》Springboot自带默认json解析Jackson,可以在不引入其他json解析包情况下,解析json字段,下面我们就来聊聊Springboot中J... 目录前言Jackson用法将对象解析为json字符串将json解析为对象将json文件转换为json