一到关于js函数的前端面试题引发的血案

题目如下：

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、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"

 

一些相关文章： 

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

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

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

《命名函数表达式探秘》

《具名函数表达式》

看完这些资料，做这道题应该就很简单了吧？

 

在IE6、7、8下面，代码等价于：

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());

在FF下的代码等价于：

f = function() { return true; };
g = function() { return false; };
(function() {
    if (g()) {
        /**..*/
    }
})();
alert(f());

在Chrome下等价于：

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