从PHP5.3起,也自带了匿名函数支持,只是它的支持并没有象js这样强大,风雪之隅测试过,可以查看:深入理解PHP之匿名函数,而这篇文章对于匿名函数和new Object以及new Function()的应用,作了较为详细的介绍和测试,如果你在开发中遇到这些问题,产生疑惑了,可以借鉴一下。
今天在园子里闲逛,看到wsxjr(很邪恶地联想到“我是下贱人”,晕)写的Javascript匿名函数的一种应用:封装一文,想起自己很久以前学习javascript的经历,也曾经碰到过几个由匿名函数造成的困扰(其中一个就是由闭包引起的),下面就整理几段简单代码讨论一下,让我们大家一起进步。
1、简单形式的封装调用
JavaScript代码
- var userName = function() { return "jeff wong" } ();
- alert(userName);
上面的代码确实简单,我们可以逐步分解成下面的写法:
JavaScript代码
- var anonymousFunc = function() { return "jeff wong" };
- var name = anonymousFunc();
- alert(name);
2、new 一下Function的形式(大写Function)
JavaScript代码
- var a = new Object();
- var b = new Function();
-
-
- alert(a);
- alert(b);
-
-
var a = new Object(); var b = new Function(); //alert(typeof (a)); //object //alert(typeof (b)); //function alert(a); //[object Object] alert(b); //匿名函数 //alert(a == b); //false //alert(a === b); //false
正如你所看到的那样,我们new一个Object,变量a弹出的是[object Object],而new一个Function(注意,是大写Function),b在弹出的时候,生成了匿名函数。 既然b是匿名函数,函数当然可以执行,我们可以继续试试下面的代码验证自己的猜测:
JavaScript代码
- alert(b());
- alert(a());
3、new 一下function也大有乾坤(小写function)
(1)、简单的空函数
JavaScript代码
- var func = new function() { };
- alert(typeof (func));
- alert(func);
-
var func = new function() { }; alert(typeof (func)); //object alert(func); //[object Object] //alert(func()); //脚本错误 func不是函数
其实上面的代码也就等价于下面的写法:
JavaScript代码
- function anonymousClass() { }
- var instance = new anonymousClass();
- alert(typeof (instance));
- alert(instance);
function anonymousClass() { } //匿名类 var instance = new anonymousClass(); alert(typeof (instance));//object alert(instance); //[object Object]
(2)、函数带个返回值的,也不是很难理解
JavaScript代码
- var func = new function() { return "jeff wong" };
- alert(typeof (func));
- alert(func);
-
var func = new function() { return "jeff wong" }; alert(typeof (func)); alert(func); //alert(func()); //脚本错误 缺少函数
其实上面的代码也就等价于下面的写法:
JavaScript代码
- function anonymousClass() { return "jeff wong"; }
- var instance = new anonymousClass();
- alert(typeof (instance));
- alert(instance);
(3)、还是函数带个返回值的,写法稍微有点不同
下面的代码请注意和(2)中的区分一下,因为接下来要重点讨论的就是那一点点的不同书写形式:
JavaScript代码
- var func = new function() { return new String("jeff wong"); };
- alert(typeof (func));
- alert(func);
-
var func = new function() { return new String("jeff wong"); }; alert(typeof (func)); //object 意料之中 alert(func); //这里?! //alert(func()); //脚本错误 缺少函数
上面代码的等价形式依然简单:
JavaScript代码
- function anonymousClass() { return new String("jeff wong"); }
- var instance = new anonymousClass();
- alert(typeof (instance));
- alert(instance);
已经运行看到结果了吗?没错,第三种写法我们在弹出func或者instance的时候,都出人意料地得到了一段字符串"jeff wong"。细心比较(2)和(3)中的代码,除了return处的写法稍有不同之外,两处代码几乎完全一致,所以我们推断,毫无疑问,是new String的形式让我们的函数产生了意想不到的效果。 为什么会这样呢?
原来,在javascript中,只要在new表达式之后的constructor返回(return)一个原始类型(无return时其实是return原始类型undefined,如(1)),比如第(2)种写法,那么就返回new创建的匿名对象;而如果new表达式之后的constructor返回一个引用对象,比如对象(Object),函数(function)及数组(Array)等等,那么返回的该引用对象就将覆盖new创建的匿名对象。现在再来分析(3)中的写法,由于new String会构造一个字符串引用对象,它就覆盖了new所创建的匿名对象,而new String的所指向引用值是“jeff wong”,所以弹出的必然是当前new String所分配的值。
最后,留个思考题,大家看看下面的代码返回什么结果:
JavaScript代码
- var func = new function() { var str = new String("jeff wong"); return str; };
-
- alert(func);
原文来自于:http://www.cnblogs.com/jeffwongishandsome/archive/2010/06/27/1766207.html
作者:Jeff Wong
jQuery的bind的函数在实际应用中用的不是特别多,只是他可以绑定一个事件,但不会即时触发,也可以通过unbind来解除绑定。在没有看到这篇文章之前,我一直不知道原来bind也可以有命名空间。事实上,我看完这篇文章后,再去翻了一下手册,也才发现了一点点的注释。但手册也仅仅是一句话就带过去了。没有过多的深究,或许他认为命名空间这玩意很简单,没有必要多解释?
先看手册,由于bind方法有三个参数(type,[data],fn),所以手册上这么介绍:
XML/HTML代码
- .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象,比如focus, mouseover, 和 resize,都是可以作为type参数传递进来的。
-
- jQuery还提供了一些绑定这些标准事件类型的简单方式,比如.click()用于简化.bind('click')。一共有以下这些:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error 。
-
- 任何作为type参数的字符串都是合法的;如果一个字符串不是原生的JavaScript事件名,那么这个事件处理函数会绑定到一个自定义事件上。这些自定义事件绝对不会由浏览器触发,但可以通过使用.trigger()或者.triggerHandler()在其他代码中手动触发。
-
- 如果type参数的字符串中包含一个点(.)字符,那么这个事件就看做是有命名空间的了。这个点字符就用来分隔事件和他的命名空间。举例来说,如果执行 .bind('click.name', handler) ,那么字符串中的 click 是事件类型,而字符串 name 就是命名空间。命名空间允许我们取消绑定或者触发一些特定类型的事件,而不用触发别的事件。参考unbind()来获取更多信息。
-
- 当一个事件传到一个元素上,所有绑定在上面的针对哪个事件的处理函数都会触发。如果注册了多个事件处理函数,总是按照绑定的顺序依次触发。当所有绑定的事件处理函数执行完毕后,事件继续沿着普通的事件冒泡途径上浮。
Zeal这么理解,并解析了上面的一段:
http://www.zeali.net/entry/649
- jQuery的 bind / unbind 方法应该说使用很简单,而且大多数时候可能并不会用到,取而代之的是直接用 click / keydown 之类的事件名风格的方法来做事件绑定操作。
-
- 但假设如下情况:需要在运行时根据用户交互的结果进行不同click事件处理逻辑的绑定,因而理论上会无数次对某一个事件进行 bind / unbind 操作。但又希望 unbind 的时候只把自己绑上去的处理逻辑给释放掉而不是所有其他地方有可能的额外的同一事件绑定逻辑。
-
- 这时候如果直接用 .click() / .bind('click') 加上 .unbind('click') 来进行重复绑定的话,被 unbind 掉的将是所有绑定在元素上的 click 处理逻辑,潜在会影响到该元素其他第三方的行为。当然如果在bind的时候是显示定义了function变量的话,可以在unbind的时候提供 function作为第二个参数来指定只unbind其中一个处理逻辑,但实际应用中很可能会碰到各种进行匿名函数绑定的情况。
-
- 对于这种问题,jQuery的解决方案是使用事件绑定的命名空间。即在事件名称后添加 .something 来区分自己这部分行为逻辑范围。
-
- 比如用 .bind('click.myCustomRoutine',function(){...}); 同样是把匿名函数绑定到 click 事件(你可以用自己的命名空间多次绑定不同的行为方法上去),当unbind的时候用 .unbind('click.myCustomRoutine') 即可释放所有绑定到 .myCustomRoutine 命名空间的 click 事件,而不会解除其他通过 .bind('click') 或另外的命名空间所绑定的事件行为。
-
- 同时,使用命令空间还可以让你一次性 unbind 所有此命名空间下的自定义事件绑定,通过 .unbind('.myCustomRoutine') 即可。
-
- 要注意的是,jQuery的命名空间并不支持多级空间。因为在jQuery里面,如果用 .unbind('click.myCustomRoutine.myCustomSubone') ,解除的是命名空间分别为 myCustomRoutine 和 myCustomSubone 的两个并列命名空间下的所有 click 事件,而不是 "myCustomRoutine 下的 myCustomSubone 子空间"。
如此看来,命名空间还是有点用的。只是不知道会有多少人用得上这个功能(不开发插件的人,估计永远用不到吧?)我也是仅作一下笔记而已
在PHP中可以直接对字符串进行比较,比如
PHP代码
- $a = 'A';
- $b = 'B';
- var_dump( $a > $b);
当然,在JS中也可以
JavaScript代码
- var s = 'A';
- var t = 'B';
- alert( s < t);
为什么可以比大小呢?那是因为,他们是直接转成ascii值来进行比较的,PHP中是 ord($a) 转成了65,B就是66了,所以$a>$b是返回false
PHP有两个函数用来互换,一个是ord,一个是chr,那么js中怎么办呢?也有,一个是charCodeAt(),一个是fromCharCode();看例子吧。。。
PHP代码
- <?php
- $a = 'A';
- echo ord($a);
- echo chr( ord($a) );
JavaScript代码
- var s= 'A';
- alert( s.charCodeAt() );
-
- alert( String.fromCharCode( s.charCodeAt() ) );
js中对于fromCharCode和php不太一样了。
js没有parse_str这个函数,因此,对于querystring就要自己写了。
还好,在location这个对象里,对于querystring都是包含着的。于是乎就有了下面两个处理方式,很简单,没有做任何转换。。。只是演示而己
XML/HTML代码
- var param1 = 'name=123&psw=321&sex=男';
- var param2 = {name: '123',psw: '321', sex: '男'};
从param1转为param2
JavaScript代码
- var param1 = 'name=123&psw=321&sex=男';
- var s = param1.split("&");
- var param2 = {};
- for(var i=0;i<s.length;i++){
- var d=s[i].split("=");
- eval("param2."+d[0]+" = '"+d[1]+"';");
- }
-
- for(i in param2){
- alert(i+' -- '+param2[i]);
- }
从param2转为param1
JavaScript代码
- var arr = [];
- for(i in param2){
- arr.push( i + "=" + param2[i]);
- }
- alert(arr.join("&"))
当然应该有更好的办法,我这里只是简单处理一下
司徒正美在看到老赵的博客鄙视IE6用户时,不甘寂寞,放出了一段残忍的代码,可以对IE6、7进行封杀处理。。
代码如下:
XML/HTML代码
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta content="IE=8" http-equiv="X-UA-Compatible"/>
- <meta name="keywords" content="IE6与IE7封杀器 by 司徒正美" />
- <meta name="description" content="IE6与IE7封杀器 by 司徒正美" />
- <script type="text/javascript">
- //使用setAttribute也行,值好像是固定,为1(读作"日",日得好!)
- document.createElement("li").value = 1;
- </script>
- <title>IE6与IE7封杀器 by 司徒正美</title>
- </head>
- <body>
- <h1>杀!杀!杀!</h1>
- <h2>不行请刷新页面(这是运行框的问题)</h2>
- </body>
- </html>
还有一段是可以关闭当前窗口的:
XML/HTML代码
- window.opener=null;window.open('','_self');window.close();
我的博客不能执行代码,如果你想测试,你可以到http://www.cnblogs.com/rubylouvre/archive/2010/05/18/1738370.html进行享受。