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的超简单上下翻
Apr 20 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
JS小功能(列表页面隔行变色)简单实现
Nov 28 Javascript
jquery实现图片按比例缩放示例
Jul 01 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 Javascript
javascript模拟C#格式化字符串
Aug 26 Javascript
javascript学习小结之prototype
Dec 03 Javascript
详解vue组件化开发-vuex状态管理库
Apr 10 Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
微信小程序实现星星评价效果
Nov 02 Javascript
vue项目中监听手机物理返回键的实现
Jan 18 Javascript
Antd中单个DatePicker限定时间输入范围操作
Oct 29 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获取某个目录大小的代码
2008/09/10 PHP
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
php实现扫描二维码根据浏览器类型访问不同下载地址
2014/10/15 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
2016/10/15 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
2017/01/20 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
2017/03/10 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
2017/11/09 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
angular将html代码输出为内容的实例
2018/09/30 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
2020/12/10 Javascript
python聊天程序实例代码分享
2013/11/18 Python
常见python正则用法的简单实例
2016/06/21 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
python随机生成库faker库api实例详解
2019/11/28 Python
HTML5移动端手机网站开发流程
2016/04/25 HTML / CSS
HTML5 拖放功能实现代码
2016/07/14 HTML / CSS
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
百年校庆节目主持词
2014/03/27 职场文书
环境建议书
2015/02/04 职场文书
雨花台导游词
2015/02/06 职场文书
教师见习总结范文
2015/06/23 职场文书
初中数学教学反思范文
2016/02/17 职场文书
python引入其他文件夹下的py文件具体方法
2021/05/23 Python
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL