命名函数表达式

 

 

好文章,可惜中文译文已经无法访问了。不过在cssrain上找到一篇:www.cssrain.cn/demo/named%20function%20expression/Named%20function%20expressions%20demystified.htm

英文地址还在:kangax.github.com/nfe/

 

之前写过的一些相关文章:

《关于JS引擎对var与function预解析》

《如何理解表达式中的具名函数》

《函数声明与函数表达式》

《命名函数表达式探秘》

 

 

看IE6、IE7、IE8与其它非IE下的不同

 var f = function foo(){
    return typeof foo; // "foo" is available in this inner scope
  };
  // `foo` is never visible "outside"
  typeof foo; // "undefined"
  f(); // "function"

 

除IE6、7、8外,其它浏览器均显示foo为undefined

这是JScript的bugs,好像IE9的beta2中已经修复了?(尚未安装过,有待证实)

 

 

IE中有两个“特性”

1、函数声明中的标识符允许包含.运算符,例如

function window.onload() {}

2、函数表达式中的标识符可以被函数外部访问

var f = function g(){}; 
typeof g; // "function"
 
 
 
 
具名函数表达式,果真是篇好文章:

《Named function expressions demystified》

每周读一篇,思路更清晰^_^。

 

 

看完这些资料,做玉伯这道题应该就很简单了吧?

f = function() { return true; };
g = function() { return false; };

(function() {
    if (g() && [] == ![]) {
        f = function f() { return false; };
        function g() { return true; }
    }
})();

alert(f()); // true or false ?

 

 

我的答案是,在IE6、7、8下面,代码等价于:

<script type="text/javascript">
f = function() { return true; };
g = function() { return false; };


(function() {
	var f, g;

	 g = function() {return true;}
	 f = function() {return false;}

	if (g()) {
		f = f;
    }
})();

alert(f());
</script>

 

在FF下的代码等价于:

  <script type="text/javascript">
f = function() { return true; };
g = function() { return false; };


(function() {
	
	if (g()) {
        /**..*/
    }
})();

alert(f());
</script>

 

在Chrome下等价于:

<script type="text/javascript">
f = function() { return true; };
g = function() { return false; };


(function() {
	var g;

	function g() {
		return true;
	}

	if (g()) {	
	
       f = function f() {
			return false;
	   }

    }
})();

alert(f()); 
</script>

那么就来测试一下不同浏览器下的效果吧 ~ ~

posted @ 2010-10-08 18:21  meteoric_cry  阅读(536)  评论(0编辑  收藏  举报