前面写过一篇js中变量定义的问题：Js中判断变量存不存在的问题

本文再补充下，变量声明未初始化的情况，代码：

<script>

var a;

alert(a==undefined)//true

</script>

　　

我们看到，声明变量初始化时，默认给了变量一个值，和undefined可以"=="。这个是一种表示"无"的值，还有1个是null。Java中只有null而无undefined.

上面的例子已经知道，变量声明未初始化"=="undefined，那如果是”全等“的情况呢？

<script>

var a;

alert(a===undefined)//true

</script>

　　

运行上面的代码，会弹出true.这里我们知道了未初始化的变量与undefined是“全等“的。这说明， 声明变量初始化时，默认给了变量一个值，就是这个特殊的undefined。

对undefined操作会报错：比如对其用match（）方法，报错如下”Uncaught TypeError: Cannot read property 'match' of undefined”。后面的代码将不会执行！

但是，笔者认为，判断一个变量是否为undefined，最好用typeof这个1元运算符。例子如下：

<script>

var a;

alert(typeof(a)=="undefined");//true

</script>

　　

Jquery获取指定元素的属性（attr）时，如果这个元素没有这个属性，会出现什么效果呢？

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

<li class="perlink">

1111111111111

</li>

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script>

	$(".perlink").click(function(){

		alert(typeof($(this).attr("hf"))==="undefined");//true

		})

</script>

</body>

</html>

　　

上面代码弹出，是不是跟未声明的变量弹出的很像？事实上，弹出的这个值就是undefined。”全等”运算也是true。那么，就可以这样判断一个页面元素是否用某事属性了，代码：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

<li class="perlink">

1111111111111

</li>

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script>

		if(typeof($(".perlink").attr("hf"))!="undefined"){

			alert("不空的时候做的事情")

		}else{

		alert("不做任何事情")

		}

</script>

</body>

</html>

　　

js-undefinde的一点延伸的更多相关文章

  1. GeoJSON JS判断某一点是否在某一区域范围之内

    GeoJSON JS判断某一点是否在某一区域范围之内 算法: function isInPolygon(checkPoint, polygonPoints) { var counter = 0; va ...

  2. 关于js解析的一点小问题

    先来看一下下面的一段代码有什么问题? <html><head><script src="./jquery.min.js"></script ...

  3. js变量的一点认识

    js中变量包含两种不同数据类型的值,基本类型值(简单的数据段)和引用类型值(可能由多个值组成的对象).那么他们在保存方式和复制变量值是上有什么不同呢? 一.保存 只能给引用类型的值动态添加属性,不能给 ...

  4. js调试的一点小知识

    1.如果想要js代码被XHTML和HTML解析,就可以使用如下方式 <script type="text/javascript"> //<![CDATA[ fun ...

  5. JS第三方中间件的延伸

    js中间件 当我们在编写业务代码时候,我们无法避免有些业务逻辑复杂而导致业务代码写得又长又乱,如果再加上时间紧凑情况下写出来的代码估计会更让人抓狂.以至于我们一直在寻求更好的架构设计和更好的代码设计, ...

  6. 关于fibonacci数列用JS写的一点小优化

    直接上代码 var month = prompt("请输入月数:") function fibobo(x) { //先定义一个已有前两项的数组,用来作缓存 var arr = [1 ...

  7. 关于JS闭包的一点理解

    通常来讲,闭包通常是指函数内部可以访问到外部作用域的一个过程. 一.广义的定义:任何函数都产生了闭包. 二.狭义的定义:函数内部能访问到其他变量函数的作用域. 我们来看个例子 var a = 10; ...

  8. js处理浮点数一点思考

    作为一名web开发人员,如果我们做到了涉及到费用加加减减的需求 难免会遇到浮点数的计算,就会遇到浮点数精度误差的问题 假设场景: 1.接口给你的金额单位是分,页面需要展示的金额单位为元. 最后落档金额 ...

  9. Vue.js的入门

    介绍 vue.js 是一个客户端js库,可以用来开发单页应用.为了一个项目的选型,我前前后后的看了angular.react.vuejs ,对前两者是佩服,对后者是爱.因为它简洁干净利索,并且还有高大 ...

随机推荐

  1. 创建序列化器，序列化管理器，closureSerializer

    创建序列化器,序列化管理器,closureSerializer //通过反射创建序列化对象 // Create an instance of the class with the given name ...

  2. BZOJ1191 超级英雄Hero （匈牙利算法）

    直接跑匈牙利,注意到“只有当选手正确回答一道题后,才能进入下一题,否则就被淘汰”,一旦无法满足就直接退出. #include <cstdio> #include <algorithm ...

  3. [bzoj1704][Usaco2007 Mar]Face The Right Way 自动转身机_贪心

    Face The Right Way 自动转身机 bzoj-1704 Usaco-2007 Mar 题目大意:不想描述题意系列++... ...题目链接 注释:略. 想法:我们直接枚举k,然后从左往右 ...

  4. cogs 290. [CTSC2000] 丘比特的烦恼

    290. [CTSC2000] 丘比特的烦恼 ★★★   输入文件:cupid.in   输出文件:cupid.out   简单对比时间限制:1 s   内存限制:128 MB 随着社会的不断发展,人 ...

  5. javac compiling error ( mising package)

    javac 编译java源文件时,提示 package does not exist 的错误 Test.java import java.security.MessageDigest; import ...

  6. 跨平台C++开源码的两种经常使用编译方式

    作者:朱金灿 来源:http://blog.csdn.net/clever101 跨平台C++开源代码为适应各种编译器的编译,採用了两种方式方面来适配.一种是makefile方式.以著名的空间数据格式 ...

  7. Apache OFbiz service engine 源代码解读

    上一篇看完了ofbiz entity engine,这篇再来过一下ofbiz的service engine.service engine层在设计模式的使用上跟entity engine有些相似,最典型 ...

  8. 小米红米1S 电信/联通版 专用TWRP2.8.1.1中文版 （全屏触摸/支持MTP挂载内外置存储）

    转载请注明出处和链接: http://blog.csdn.net/syhost/article/details/39340477 说说中文TWRP的简史:          中文TWRP是本人在201 ...

  9. 用CSS3实现带有阴影效果和颜色渐变的按钮

    这里讲下如何利用css3里的两个新属性 box-shadow和transition来实现如下所示的带有阴影和颜色渐变效果的按钮(下面这个只是图片:本想直接在这个页面下嵌html的,,试了后发现有些cs ...

  10. 王立平--java se的简单项目创建以及具体解释

    创建项目的简单步骤: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMzQyNTUyNw==/font/5a6L5L2T/fontsize/400/ ...