快捷導(dǎo)航

javascript全局變量封裝模塊實(shí)現(xiàn)代碼

更新時(shí)間：2012年11月28日 11:19:27 作者：

javascript全局變量封裝模塊的應(yīng)用，本文將詳細(xì)介紹，需要了解更多的朋友可以參考下

下面的代碼是我的測(cè)試代碼，注釋很重要：

 
/*global window,jQuery,validate_email,masterUI,$,rest*/ 
/** Enable ECMAScript "strict" operation for this function. See more: 
* http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/ 
* http://stackoverflow.com/questions/5020479/what-advantages-does-using-functionwindow-document-undefined-windo 
* Q1: Why are window and document being fed instead of just being accessed normally? 
* A1: Generally to fasten the identifier resolution process, having them as local variables can help (although IMO the performance improvements may be negligible). 
* A2: Passing the global object is also a widely used technique on non-browser environments, where you don't have a window identifier at the global scope, e.g.: 
* (function (global) { 
* //.. 
* })(this); // this on the global execution context is the global object itself 
* A3: Passing window and document allows the script to be more efficiently minified 
* 
* Q2: Why the heck is undefined being passed in? 
* A1: This is made because the undefined global property in ECMAScript 3, is mutable, meaning that someone could change its value affecting your code, for example: 
* undefined = true; // mutable 
* (function (undefined) { 
* alert(typeof undefined); // "undefined", the local identifier 
* })(); // <-- no value passed, undefined by default 
* If you look carefully undefined is actually not being passed (there's no argument on the function call), 
* that's one of the reliable ways to get the undefined value, without using the property window.undefined. 
* 
*/ 
(function(window, document, undefined) { 
"use strict"; 
window.test = { 
init: function () { 
"use strict"; 
alert("ok"); 
} 
}; 
})(window, document);// no undefined parameter here to avoid using mutable window.undefined changed by other guy 

1.說(shuō)明，參考了一篇文章和stackoverflow上的一個(gè)帖子
2.(function(){})() 這種代碼寫在獨(dú)立的js文件里，當(dāng)js文件被html加載的時(shí)候，該函數(shù)就會(huì)執(zhí)行。實(shí)際上創(chuàng)建了windows.text對(duì)象。
以后html代碼就可用test.init的形式調(diào)用方法。
測(cè)試html部分代碼如下：

復(fù)制代碼代碼如下:

 
[plain] view plaincopyprint? 
<head> 
<title>AppEngine SDK</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script type="text/javascript" src="../../master/script/third_party/jquery-1.8.0.min.js"></script> 
<script type="text/javascript" src="../../master/plugin/jquery-validation-1.9.0/jquery.validate.js"></script> 
<script type="text/javascript" src="../../master/plugin/artDialog4.1.6/jquery.artDialog.js"></script> 
<script type="text/javascript" src="../../master/script/app/test.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
test.init(); 
}) 
</script> 
</head> 

3.Jslint會(huì)報(bào)兩個(gè)問(wèn)題，一是關(guān)于undefined的，沒(méi)找到什么好方法，任它抱怨吧。另一格式最后調(diào)用方式要改成：

復(fù)制代碼代碼如下:

[javascript] view plaincopyprint?}(window, document)); }(window, document));

無(wú)所謂了，就任由它吧。只要功能正常就行。

您可能感興趣的文章: