JQuery学习笔记：typeof的使用

发布：2013/12/18 14:35:16作者：管理员来源：本站浏览次数：1249

JQuery学习笔记：typeof的使用

JQuery的前面几句就把我给搞得晕了头，只能对其中的一点一滴去测试。第一句：
if (typeof window.jQuery == "undefined")

typeof的语法是：typeof[(]expression[)]
即typeof后面跟一个表达式，要不要括号都可以。它将返回一个字符串，表示表达式

的类型，而类型只有六种可能：number、string、boolean、object、function、

undefined
这是typeof返回的类型，与实际的数据类型，以及内部对象还是有区别的。
实际的类型可以参考微软的一份JScript帮助文档中的“JScript 的数据类型”，其中

还有null，但null经过typeof返回的类型是object。而一个变量，如果没有赋值时，

它的类型为undefined，但它值为null。
var x;
alert(typeof(x));
if (x==null) alert("OK");
内部对象比这六个多，其中五个有对应的，它们都在首字母大写：Number、String、

Boolean、Object、Function。undefined没有对应对象。

以下把几种情况都列出来：
n=12.2;
alert("n=12.2：" + typeof n);

n="12.2";
alert("n=\"12.2\"：" + typeof n);

n=false;
alert("n=false：" + typeof n);

n=[12, 11, 13];
alert("n=[12, 11, 13]：" + typeof n);
alert("n[1]：" + typeof n[1]);

obj=function (){var i=0; function show() { alert(i); }};
n=new obj();
alert("n=new obj()：" + typeof n);

n=function () { alert("OK"); };
alert("n=function () { alert(\"OK\"); }：" + typeof n);

alert("nnnnnn：" + typeof nnnnnn);

alert("null：" + typeof null);

以typeof的误用有如下两种情况：
if (x == undefined)
if (typeof(x) == undefined)
正确的应该是
if (typeof(x) == "undefined")

对比这两句话：
//var x;
if (typeof(x) == "undefined") alert("OK1");
if (x==null) alert("OK2");
有定义语句var x;时，两句都执行正常。
如果没有定义语句时，第一句没问题，第二句就提示'x'未定义

再对比这两句：
x=null;
if (typeof(x) == "undefined") alert("OK1");
if (x==null) alert("OK2");

因此用typeof来检测变量是否有定义是最合适不过的了。返回到最原始的问题：
if (typeof window.jQuery == "undefined")
{
var jQuery = ...
...
}
这段代码加上里面的程序体，就能够保证程序体只被执行一次，第二次执行时，

typeof window.jQuery就是"function"了。举例：有个文件，script引用写了两遍
1.htm
< html>
< head>
< script language="javascript" type="text/javascript"

src="D:/inetpub/JQuery/JQ.js"></script>
< /head>
< body>
< script language="javascript" type="text/javascript"

src="D:/inetpub/JQuery/JQ.js"></script>
< script>
alert("|" + $.trim(" abc ") + "|");
< /script>
< /body>
< /html>
通过断点，我们可以看出对于jQuery的构建，只在第一次执行。

不过，我感到可惜的是，如果不同窗口，就要分别执行了。如以下两个文件：
1.htm
< html>
< head>
< script language="javascript" type="text/javascript"

src="D:/inetpub/JQuery/JQ.js"></script>
< /head>
< body>
< a href="2.htm">链接到第二个页面2.htm</a>
< script>
alert("|" + $.trim(" abc ") + "|");
< /script>
< /body>
< /html>

2.htm
< html>
< head>
< script language="javascript" type="text/javascript"

src="D:/inetpub/JQuery/JQ.js"></script>
< /head>
< body>
第二页面
<script>
alert("|" + $.trim(" abc ") + "|");
< /script>
< /body>
< /html>
jQuery的构建体就执行了两遍。

　asp.net(c#)中文验证码程序

prototype.js中class类详解　

C#中使用Redis学习二在.NET4.5中使用redis hash操作 ASP.NET MVC使用jQuery Template实现批量更新 .NET MVC使用jQuery插件验证前端jquery树形控件jstree插件使用及方法 vuex--学习笔记（三）模板获取Mutations及mapMutations传参 git与gitee学习笔记 SpringMVC学习笔记 PowerDesigner最基础的使用方法入门学习(一) C#多线程学习笔记 Task启动方式、Task阻塞、Task.Delay()、多线程异常处理、任务取消、多线程的临时变量、共享数据的lock、Task返回值、定时器 C#多线程、并行和异步编程学习笔记

柏港建站平台

柏港 Jquery

JQuery学习笔记：typeof的使用

柏港为您推荐了一些相关资讯