js-undefinde的一点延伸

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

<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>

posted @ 2016-07-19 14:13 小虫1 阅读(626) 评论(0) 收藏举报

刷新页面返回顶部

小虫虫

js-undefinde的一点延伸

公告