Js中的instanceof 和typeof的区别

演示1

var v5=new Number("22");

document.write(typeof v5+"<br/>"); //---->object

document.write( v5 instanceof Number ); //---->true

document.write("<br/>"+v5);

结果:

演示2:

//测试字符串aa是不是类型为String

//document.write(typeof "aa" +"<br/>"); //---->string

//测试字符串aa是不是String的一个实例

//document.write("aa" instanceof String); //---->false

//如果用new的方式创建一个实例的话,之后再去测试上面的两个

var str3=new String("bbb");

document.write(typeof str3 +"<br/>"); //---->Object

//测试字符串aa是不是String的一个实例

document.write(str3 instanceof String); //---->true

演示结果

演示3:

//测试字符串aa是不是类型为String

document.write(typeof "aa" +"<br/>"); //---->string

//测试字符串aa是不是String的一个实例

document.write("aa" instanceof String); //---->false

//如果用new的方式创建一个实例的话,之后再去测试上面的两个

var str3=new String("bbb");

//document.write(typeof str3 +"<br/>"); //---->Object

//测试字符串aa是不是String的一个实例

//document.write(str3 instanceof String); //---->true

结果

演示4

document.write(typeof 1 +"<br/>"); //--->number

document.write(1 instanceof Number ); //---->false

/* var v5=new Number("22");

document.write(typeof v5+"<br/>"); //---->object

document.write( v5 instanceof Number ); //---->true

document.write("<br/>"+v5); */

总结:从上面的三个演示可以看出,对于直接的认为的是某一个类型的变量,如认为1是整形,“aa”是String    如果用typeof 关键字得到的是符合我们的想法的

如1 typeof Number--àtrue

但是如果1 instanceof Numberàfalse

但是如果自己去new一个对象的话,之后再去调用这两个方法见下面

var str3=new String("bbb");

//document.write(typeof str3 +"<br/>"); //---->Object

//测试字符串aa是不是String的一个实例

//document.write(str3 instanceof String); //---->true

或者

var v5=new Number("22");

document.write(typeof v5+"<br/>"); //---->object

document.write( v5 instanceof Number ); //---->true

也就是我们new出来的如果用typeof得到的是Object类型而并不是我们new时候的那个类型,但是instanceof那个是验证符合我们的想法的

JavaScript中的typeof 和instanceof的更多相关文章

  1. 关于JavaScript中的typeof与instanceof

    JavaScript中typeof和instanceof可以用来判断一个数据的类型,什么时候选择使用typeof?什么时候选择使用instanceof? typeof运算符 typeof运算符返回值有 ...

  2. 关于javascript中的typeof和instanceof介绍

    typeof用来检测给定变量的数据类型 instanceof用来检测对象的类型 typeof用来检测给定变量的数据类型(也可叫做基本类型,基本数据类型.包含undefined.boolean.stri ...

  3. C#保留2位小数几种场景总结 游标遍历所有数据库循环执行修改数据库的sql命令 原生js轮盘抽奖实例分析(幸运大转盘抽奖) javascript中的typeof和类型判断

    C#保留2位小数几种场景总结   场景1: C#保留2位小数,.ToString("f2")确实可以,但是如果这个数字本来就小数点后面三位比如1.253,那么转化之后就会变成1.2 ...

  4. 浅谈JS中的typeof和instanceof的区别

    JS中的typeof和instanceof常用来判断一个变量是否为空,或者是什么类型. typeof typeof运算符返回一个用来表示表达式的数据类型的字符串. typeof一般返回以下几个字符串: ...

  5. 浅析JavaScript中的typeof运算符

    对JavaScript中的typeof运算符进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助. 如果typeof的运算符是数字.字符串或者布尔值,它返回的结果就是"numb ...

  6. JavaScript 类型判断 —— typeof 以及 instanceof 中的陷阱

    JavaScript中基本类型包含Undefined.Null.Boolean.Number.String以及Object引用类型.基本类型可以通过typeof来进行检测,对象类型可以通过instan ...

  7. javascript中原型链与instanceof 原理

    instanceof:用来判断实例是否是属于某个对象,这个判断依据是什么呢? 首先,了解一下javascript中的原型继承的基础知识: javascript中的对象都有一个__proto__属性,这 ...

  8. JavaScript中的typeof

    js中的 typeof 操作符返回一个字符串,表示未经计算的操作数的类型. 其中null.字符串对象.数字对象.布尔对象.日期.数组.正则返回结果都为object,可见typeof返回结果并不精确 测 ...

  9. JavaScript中的 typeof,null,和undefined

    typeof操作符 null 在JavaScript中null表示“什么都没有”. null是一个只有一个值的特殊类型.表示一个空对象引用. typeof null; 返回的是object 可以将nu ...

随机推荐

  1. mysql数据库函数之left()、right()、substring()、substring_index()

    在实际的项目开发中有时会有对数据库某字段截取部分的需求,这种场景有时直接通过数据库操作来实现比通过代码实现要更方便快捷些,mysql有很多字符串函数可以用来处理这些需求,如Mysql字符串截取总结:l ...

  2. 微信小程序图片设置圆角进入页面闪动

    transform变形 当我们通过某些行为触发页面进行大面积绘制的时候,浏览器由于没有事先准备,应付渲染够呛,于是掉帧,于是卡顿.而will-change则是真正的行为触发之前告诉浏览器:“我待会儿就 ...

  3. ts中的类

    TypeScript 除了实现了所有 ES6 中的类的功能以外,还添加了一些新的用法(部分ES7). 一.ES6中类的主要用法: 1.使用 class 定义类,使用 constructor 定义构造函 ...

  4. java项目中的异常处理总结

    异常指的是运行期出现的错误,也就是当程序开始执行以后执行期出现的错误.出现错误时观察错误的名字和行号最为重要. 比如你读取的文件不存在,数组越界,进行除法时,除数为0等都会导致异常. 我找一个比较形象 ...

  5. 1.4 mysql编码解决:MySQL编码为utf8设置方法

    mysql的默认编码是拉丁,直接insert语句插入数据库时汉字都会显示成问号 1.安装mysql后,启动服务并登陆, 2.使用show variables命令可查看mysql数据库的默认编码: 直接 ...

  6. MySQL学习(九)小结

    redo-log 和 bin-log 是如何联系起来的? update 语句在更新的时候先更新内存后,写 redo-log 然后 bin-log ,其中后面一步是使用了两阶段提交, 也就是每一个更新都 ...

  7. winform学习(10)设置控件透明背景色

    如何将控件的背景色设置为透明 ①将属性BackColor设置为Web--Transparent ②将属性FlatStyle设置为Flat 如果想将边框去掉: 将属性FlatAppearance下的Bo ...

  8. 一文懂SSM项目中的web.xml常用配置项

    做web后端工程师,逃不过的web.xml,我们都知道配置这个文件是日常工作了,那么我们来把一些必须知道知识点梳理下. 我们把web项目启动的时候,首先加载的就是web.xml这个文件,只有这个文件所 ...

  9. SSG (slow global), TTG (typical global) and FFG (fast global)

    https://semiwiki.com/x-subscriber/clk-design-automation/4481-variation-alphabet-soup/ n response, fo ...

  10. Tex 一些命令

    1. [!htp] 可以使这个内容跟随在前面的内容后面 假如前面是一段文字,后面是一幅图像,不知什么原因跑到其他地方去了.这时加个[!htp]可以使他紧紧跟在后面 ergdsgagdfgdfgfgaf ...