avascript中的自执行匿名函数应用示例

 Javascript中的自执行匿名函数

格式：

1
2
3

(function(){ 
//代码 
})();

解释：这是相当优雅的代码（如果你首次看见可能会一头雾水：）），包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。
来个带参数的例子：

1
2
3
4

(function(arg){ 
alert(arg+100); 
})(20); 
// 这个例子返回120。

重要用途：可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不能访问，除非你允许

1
2
3
4
5
6
7
8
9
10

(function(){ 
function $(id){ 
return document.getElementById(id); 
} 
function __addClass(id,className,classValue){ 
$(id).style.className=classValue; 
} 
window['mySpace']={}; 
window['mySpace']['addClass']=__addClass; 
})();

上面的例子就可以用这种伪命名空间封装并保护自己的所有函数、对象和变量。而且，由于它们位于同一个函数中，所以可以互相引用。为了对受保护的代码进行全局化，随后的一对括号告诉浏览器立即执行返回的匿名函数，而且在执行期间将__addClass()赋值给了window的一个方法,这样在外部只能执行addClass而__addClass被保护起来了。我可以这样调用它：mySpace.addClass('oneId','font-width','bold')

时间： 2024-05-21 05:09:05

avascript中的自执行匿名函数应用示例的相关文章

avascript中的自执行匿名函数应用示例_javascript技巧

Javascript中的自执行匿名函数 格式: (function(){ //代码 })(); 解释:这是相当优雅的代码(如果你首次看见可能会一头雾水:)),包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数. 来个带参数的例子: (function(arg){ alert(arg+100); })(20); // 这个例子返回120. 重要用途:可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装

深入理解Javascript中的自执行匿名函数_基础知识

格式: (function(){ //代码 })(); 解释:这是相当优雅的代码(如果你首次看见可能会一头雾水:)),包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数. 来个带参数的例子: (function(arg){ alert(arg+100); })(20); // 这个例子返回120. 回来看看jquery的插件编写 (function($) { // Code goes here })(jQuery

javascript进行Function扩展后，在执行匿名函数，为什么会执行到扩展函数中？

问题描述 <script type="text/javascript">Function.prototype.f = function(){alert(this.toString());}(function(){})();</script>Function扩展后,在执行匿名函数,会弹出[Object].....求解答...谢谢 问题补充:microleft 写道 解决方案 少了楼主的代码跟这个是等价的了Function.prototype.f = functio

Javascript自执行匿名函数(function() { })()的原理浅析_javascript技巧

函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途.匿名函数指没有指定函数名或指针的函数,自执行匿名函数只是其中一种,下文中称这种函数为:自执行函数 下面是一个最常见的自执行函数: // 传统匿名函数 (function() { alert('hello'); })(); 这段代码的执行效果就是在页面再载入时弹出:"hello" 是什么促使它自动执行的?,来看下面的代码 // 在传统写法上去掉小括号,并在前面加上运算符 ~,!,+,- ~function(){

PHP中的闭包（匿名函数）浅析_php技巧

闭包也叫匿名函数 PHP5.3 引入. 使用方法 需要调整数组元素中的值 复制代码 代码如下: $data = range(0, 100);//想要每个元素的值都加上.html的后缀 $suffix = '.html'; function makeSuffix($str, $suffix) {     return $str . $suffix; } $new_data = array_map(function($item) use ($suffix) {     return makeSuff

javascript匿名函数应用示例介绍

 匿名函数,顾名思义就是没有名字,下面有个不错的示例,大家可以学习下 javascript匿名函数,就是说个函数没有名字,下面先列出测试代码   代码如下: /*  * 一般常见函数是这样  */  function debug(data) {  console.log(data);  }    但有的函数,它却偏偏写成了这样   代码如下: (function(x, y) {  debug(x + y);  })    上面就是所说的匿名函数了   代码如下: var fun = null; 

javascript匿名函数应用示例介绍_javascript技巧

javascript匿名函数,就是说个函数没有名字,下面先列出测试代码 复制代码 代码如下: /* * 一般常见函数是这样 */ function debug(data) { console.log(data); } 但有的函数,它却偏偏写成了这样 复制代码 代码如下: (function(x, y) { debug(x + y); }) 上面就是所说的匿名函数了 复制代码 代码如下: var fun = null; (function() { var test = function(x ,y

php中的字符编码转换函数用法示例_php技巧

本文实例讲述了php中的字符编码转换函数的用法,分享给大家供大家参考.具体实现方法如下: 一般来说,在网页程序中,尤其是涉及到数据库的读出过程中,往往最恼火的就是字符编码的问题,php4.0.6以上的版本提供了mb_convert_encoding 可以方便的转换编码. 具体如下: 复制代码 代码如下: <?php /* Convert internal character encoding to SJIS */ $str = mb_convert_encoding($str, "SJIS

php中debug_backtrace、debug_print_backtrace和匿名函数用法实例_php技巧

本文实例讲述了php中debug_backtrace.debug_print_backtrace和匿名函数用法.分享给大家供大家参考.具体分析如下: debug_print_backtrace() 是一个很低调的函数,很少有人注意过它. 不过当我们对着一个对象调用另一个对象再调用其它的对象和文件中的一个函数出错时,它正在一边笑呢. debug_print_backtrace() 可以打印出一个页面的调用过程,从哪儿来到哪儿去一目了然.不过这是一个PHP5的专有函数,好在pear中已经有了实现.