zoukankan      html  css  js  c++  java
  • 一道变态的js题

     一道腾讯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 ?

      按网友的描述猜测,这应该是QQ招聘的题目,既考查了ECMAScript知识,又需要被面试者的应用实践,题目本身无标准答案,在不同浏览器下表现不同。

      这是一道难度较大,并且出题角度比较刁钻的面试题。

      正赶上最近在研究Javascript这部分的内容,便对该题目涉及的考察点进行了更深入的研究。以下给出简单分析。

      考察点

      对作用域链(scope chain)、执行环境(execution context)、变量对象(variable object)的理解

      命名函数表达式,参见这里

      以上知识点在不同浏览器(主要为:IE和Firefox)的实现差异

      相等操作符的隐式类型转换规则

      首先,代码简化为(1):

      f = function() {return true;};

      g = function() {return false;};

      (function() {

      alert(g());

      function g() {return true;}

      })();

      上面的例子中,当控制器进入匿名函数的执行环境后,初始化活动对象,函数声明g被放到了执行环境的变量对象集合中,property为g,值为g函数对象,当执行g(),返回true。

      将上面的代码稍加改变(2):

      f = function() {return true;};

      g = function() {return false;};

      (function() {

      alert(g());

      if (true) {

      function g() {return true;}

      }

      })();

      上面代码,结果应该与(1)相同,但Firefox处理结果出现了不同返回false,暂且把这看作是Firefox的bug(虽然Firefox不认为这是个Bug)。

      分析:在Firefox中,出现在条件语句中的代码块不做活动对象初始化的处理(Firefox把它当作块作用域??),即把上例的if (true) 修改为 if (false) 结果是一样的。

      到此为止,已经可以确定g()执行后的值是true还是false了。

      整合一下(3):

      f = function() {return true;};

      g = function() {return false;};

      (function() {

      if (g()) {

      alert("能看到这个警告框,说明你的浏览器不是Firefox");

      function g() {return true;}

      }

      })();

      继续分解代码(4):

      f = function() {return true;};

      g = function() {return false;};

      (function() {

      f = function() {return false;};

      })();

      alert(f());

      代码运行,无一例外的返回false,这正是我们想要的结果。

      然后稍作改变(5):

      f = function() {return true;};

      g = function() {return false;};

      (function() {

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

      })();

      alert(f());

      经过稍加修改后,这次掉链子的轮到IE了,IE竟然返回了true!!!这是IE的Bug

      最后大整合。

      我们不仅知道结果,而且知道为啥是这结果了(6):

      f = function() {return true;};

      g = function() {return false;};

      (function() {

      if (g() && [] == ![]) {

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

      function g() {return true;}

      }

      })();

      alert(f());

      没有问题的浏览器会返回:false

      Firefox不会执行到if条件内部,返回:true

      IE会执行到if条件内部(但把if内部的f作为局部变量处理了),最后返回:true

  • 相关阅读:
    Android Studio 常用快捷键以及设置
    GitHub windows客户端拉代码和提交代码
    Android Studio + gradle多渠道打包
    Android sdk 镜像服务器资源
    Rikka with Graph(联通图取边,暴力)
    Rikka with Chess(规律)
    Largest Submatrix(动态规划)
    City Game(动态规划)
    Largest Rectangle in a Histogram(最大矩形面积,动态规划思想)
    How many ways(记忆化搜索)
  • 原文地址:https://www.cnblogs.com/dunken/p/4399241.html
Copyright © 2011-2022 走看看