js判断变量是否未定义的代码


Posted in Javascript onMarch 28, 2020

js 代码中经常会碰到 undefined 这种错误,下面本文分享一下为什么会发生这种错误以及如何处理这种错误,js 中如果通过 var 声明了一个变量但是没有初始化该变量的时候,此时该变量的值便为 undefined ,此时判断变量是否定义可使用 typeof 。下面举例说明一下

if(!result){ 
  alert("发生错误"); 
}

以上这段代码直接运行会发生异常,因为变量 result 没有申明就被使用了,下面几种写法都是正确的。

(1) 
 
if("undefined" == typeof result){ 
  alert("发生错误"); 
} 
(2) 
 
var result; 
if(undefined == result){ 
  alert("发生错误"); 
} 
(3) 
 
if("undefined" == typeof result){ 
  alert("发生错误"); 
}

补充

例如:

if(!myVar01)alert("发生错误");

// 该代码直接发生异常,因为变量myVar01没有申明 if("undefined" == typeof myVar01)alert("发生错误");

// 这样写才不至于发生异常

而: var myVar01; if(undefined == myVar01)alert("发生错误");

// 该代码会正确运行 if("undefined" == typeof myVar01)alert("发生错误");
// 该代码同样会正确运行

结论:我们采用下面的方式来保证万无一失 if("undefined" == typeof myVar01)alert("发生错误");

// 该代码同样会正确运行

当然判断数据的有效性远远不只这些,还有对null的判断,数字是否大道越界.

实例

<script>
//最常用
if("undefined" == typeof('a')){
//未定义
}else{
//定义
}

if("undefined" == typeof a){
//未定义
}else{
//定义
}

if(typeof a != "undefined"){
//true 定义
}else{
 //false 未定义
}
</script>

实际应用:

downlm有的页面我们不定义,但有的页面定义了,就可以需要这样的判断方法,没有定义的就不执行。

if("undefined" != typeof downlm){ 
if(downlm=="soft"){ 
document.write('成功'); 
} 
}

经测试完美。

Javascript 相关文章推荐
使用jquery插件实现图片延迟加载技术详细说明
Mar 12 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
Dec 13 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
Mar 07 Javascript
微信小程序 教程之注册程序
Oct 17 Javascript
用js实现before和after伪类的样式修改的示例代码
Sep 07 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
Jan 24 Javascript
JS隐藏号码中间4位代码实例
Apr 09 Javascript
jquery判断浏览器类型的代码
Nov 05 #Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 #Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
Nov 01 #Javascript
js限制textarea每行输入字符串长度的代码
Oct 31 #Javascript
JS TextArea字符串长度限制代码集合
Oct 31 #Javascript
JS 控件事件小结
Oct 31 #Javascript
jQuery事件 delegate()使用方法介绍
Oct 30 #Javascript
You might like
PHP脚本的10个技巧(3)
2006/10/09 PHP
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
php header示例代码(推荐)
2010/09/08 PHP
Linux fgetcsv取得的数组元素为空字符串的解决方法
2011/11/25 PHP
解析php中mysql_connect与mysql_pconncet的区别详解
2013/05/15 PHP
PHP的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
PHP使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
thinkPHP微信分享接口JSSDK用法实例
2017/07/07 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
jQuery学习笔记 操作jQuery对象 属性处理
2012/09/19 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
jQuery实现数秒后自动提交form的方法
2015/03/05 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
2018/01/08 jQuery
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
vue定义全局变量和全局方法的方法示例
2018/08/01 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
小程序分享模块超级详解(推荐)
2019/04/10 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
使用IPython来操作Docker容器的入门指引
2015/04/08 Python
Python自动发邮件脚本
2017/03/31 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
python之文件读取一行一行的方法
2018/07/12 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
python实现批量命名照片
2020/06/18 Python
Mountain Warehouse澳大利亚官网:欧洲家庭户外品牌倡导者
2016/11/20 全球购物
TUMI新加坡官网:国际领先的商旅箱包品牌
2019/01/12 全球购物
中职班主任培训心得体会
2016/01/07 职场文书
倡议书怎么写?
2019/04/11 职场文书
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle
Python之matplotlib绘制饼图
2022/04/13 Python