小tips:JS中typeof与instanceof用法
介绍
typeof
typeof用以获取一个变量或者表达式的类型,typeof一般只能返回如下几个结果:
number
boolean
string
function(函数)
object(NULL,数组,对象)
undefined。
例子:
function curFun(){};
var numberType = 123;
var stringType = "123";
var booleanType = false;
var obj = {};
var nullType = null;
var arrayType = [];
var unden;console.log(typeof curFun); //functionconsole.log(typeof numberType);//number
console.log(typeof stringType);//string
console.log(typeof booleanType); //booleanconsole.log(typeof obj); //object
console.log(typeof nullType); //object
console.log(typeof arrayType); //objectconsole.log(typeof unden); //undefined
我们可以使用typeof来获取一个变量是否存在,如if(typeof a!="undefined"){}
,而不要去使用if(a)
因为如果a不存在(未声明)则会出错,
正因为typeof遇到null,数组,对象时都会返回object类型,所以当我们要判断一个对象是否是数组时或者判断某个变量是否是某个对象的实例则要选择使用另一个关键语法instanceof
instanceof
instanceof
用于判断一个变量是否某个对象的实例
var arr = new Array();
console.log(arr instanceof Array); //true
console.log(arr instanceof Object) //true,因为Array是object的子类
function test(){};
var testInstance = new test();
console.log(testInstance instanceof test); //true
js判断变量是否未定义的代码
一般如果变量通过var声明,但是并未初始化的时候,变量的值为undefined
,而未定义的变量则需要通过 "typeof 变量
"的形式来判断,否则会发生错误。
实际应用:
variable
有的页面我们不定义,但有的页面定义了,就可以需要这样的判断方法,没有定义的就不执行。
if("undefined" != typeof variable){ if(variable=="abc"){ console.log('成功'); }
}
小tips:JS中typeof与instanceof用法相关推荐
- js中typeof与instanceof用法小记
今天写JS代码,遇到动态生成多个名称相同的input复选按钮 需要判断其是否是数组,用到了if (typeof(document.MapCheckMgr.checkid)!="undefin ...
- JS中typeof与instanceof的区别
JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的.但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前 ...
- 详解js中typeof、instanceof与constructor
typeof返回一个表达式的数据类型的字符串,返回结果为js基本的数据类型,包括number,boolean,string,object,undefined,function.语法为typeof(da ...
- JS中typeof的用法
转载自 JS中typeof的用法 js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断.那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型. 1 ...
- html dom createevent,js 中 document.createEvent的用法
js 中 document.createEvent的用法 更新时间:2010年08月29日 23:22:02 作者: 用该方法创建了 Event 对象以后,必须用上表中所示的初始化方法初始化对象. ...
- js 中 document.createEvent的用法-转载
js 中 document.createEvent的用法 <a class="comment-mod" οnclick="alert('ss')" hre ...
- js中“||”和“”的高级用法 js,与或运算符 || 妙用
网络上找到的一篇关于逻辑与和逻辑或的文章,详细记录一下. http://www.jb51.net/article/21339.htm 例1:用于赋值 &&:从左往右依次判断,当当前值为 ...
- 前端开发:JS中截取字符串的用法总结
前言 在前端开发过程中,对JS相关的字符串处理可谓是家常便饭,对字符串对处理也是前端开发过程中使用频率非常高的知识点之一,对从后台获取到的字符串进行二次处理也是非常普遍的需求,那么本文就来分享一下在前 ...
- js中的extend的用法及其JS中substring与substr的区别
1. JS中substring与substr的区别 之前在项目中用到substring方法,因为C#中也有字符串的截取方法Substring方法,当时也没有多想就误以为这两种方法的使用时一样的. ...
最新文章
- 通过NVIDIA PilotNet,人人都能变成人工智能的老师
- 基于S3C2440A+SDRAM(K4M51163)
- pytorch 笔记:tensorboardX
- C#中的Using的用法
- 看完师兄的代码笔记,我失眠了
- 火狐浏览器设置_[教程] 在谷歌浏览器和火狐浏览器里配置DoH加密DNS流量提高安全性...
- superoneclick 2.2_一季度食品监督抽检2.2%不合格:农兽药残留超标等系主因
- java中char类型可以存储两个中文字符吗
- c语言计算1+2+3+4+......n
- Kafka配置4--Windows下配置Kafka的SSL证书
- 99乘法表c语言显示坐标,C语言打印九九乘法表
- VC2005编译优化选项之玄机
- 基于JavaWeb开发的智慧水务管理系统软件设计说明书
- XCTF|PWN-string-WP
- CF卡 本地磁盘模式转换
- 1、高动态范围成像介绍
- 文华财经期货K线多周期画线技术,多重短线技术共振通道线指标公式——多周期主图自动画线
- android hook 第三方app_【MiSRC】技术分享-浅谈android hook技术
- 更改微信浏览器页面标题
- 任天堂switch通过v2某yN实现网络访问
热门文章
- 安装Hadoop系列 — 导入Hadoop源码项目
- 用delphi创建服务程式
- jquery实现单行滚动效果
- [UIImage imageNamed:@]使用误区
- about diigo
- .NET4.0并行计算技术基础(8)
- python列表方法语句_Python中列表和元组的相关语句和方法讲解
- byte数组截取_Go解密:数组、切片
- win10清理_大家都说Win10系统不用装360,那么如何清理电脑软件垃圾呢?
- html5 strongeaseinout,Canvas開發庫封裝