常见的关于JavaScript 面试题（下）

男娘i 2024-02-17 19:13 7阅读 0赞

**17.下面的代码会输出什么？为啥？**

for (var i = 0; i < 5; i++) {
            setTimeout(function() {
           console.log(i); }, i * 1000 ); }

请往前面翻，参考第4题，解决方式已经在上面了

**18.解释下列代码的输出**

console.log("0 || 1 = "+(0 || 1)); console.log("1 || 2 = "+(1 || 2)); console.log("0 && 1 = "+(0 && 1)); console.log("1 && 2 = "+(1 && 2));

逻辑与和逻辑或运算符会返回一个值，并且二者都是短路运算符：

*  逻辑与返回第一个是 false 的操作数 或者 最后一个是 true的操作数

console.log(1 && 2 && 0);  //0 console.log(1 && 0 && 1);  //0 console.log(1 && 2 && 3);  //3

如果某个操作数为 false，则该操作数之后的操作数都不会被计算

*  逻辑或返回第一个是 true 的操作数 或者 最后一个是 false的操作数

console.log(1 || 2 || 0); //1 console.log(0 || 2 || 1); //2 console.log(0 || 0 || false); //false

如果某个操作数为 true，则该操作数之后的操作数都不会被计算

如果逻辑与和逻辑或作混合运算，则逻辑与的优先级高：

console.log(1 && 2 || 0); //2 console.log(0 || 2 && 1); //1 console.log(0 && 2 || 1); //1

在 JavaScript，常见的 false 值：

0, '0', +0, -0, false, '',null,undefined,null,NaN

要注意空数组(\[\])和空对象(\{\}):

console.log([] == false) //true console.log({} == false) //false console.log(Boolean([])) //true console.log(Boolean({})) //true

所以在 if 中，\[\] 和 \{\} 都表现为 true：

**19.解释下面代码的输出**

console.log(false == '0') console.log(false === '0')

请参考前面第14题运算符转换规则的图。

**20解释下面代码的输出**

var a={},     b={
          key:'b'},     c={
          key:'c'};   a[b]=123; a[c]=456;   console.log(a[b]);

输出是 456，参考原文的解释：

> The reason for this is as follows: When setting an object property, JavaScript will implicitly stringify the parameter value. In this case, since b and c are both objects, they will both be converted to “\[object Object\]”. As a result, a\[b\] anda\[c\] are both equivalent to a\[“\[object Object\]”\] and can be used interchangeably. Therefore, setting or referencing a\[c\] is precisely the same as setting or referencing a\[b\].

**21.解释下面代码的输出**

console.log((function f(n){
          return ((n > 1) ? n * f(n-1) : n)})(10));

结果是10的阶乘。这是一个递归调用，为了简化，我初始化 n=5，则调用链和返回链如下：

**22.解释下面代码的输出**

(function(x) {
              return (function(y) {
                  console.log(x);     })(2) })(1);

输出1，闭包能够访问外部作用域的变量或参数。

**23.解释下面代码的输出，并修复存在的问题**

var hero = {
              _name: 'John Doe',     getSecretIdentity: function (){
                  return this._name;     } };   var stoleSecretIdentity = hero.getSecretIdentity;   console.log(stoleSecretIdentity()); console.log(hero.getSecretIdentity());

将 getSecretIdentity 赋给 stoleSecretIdentity，等价于定义了 stoleSecretIdentity 函数：

var stoleSecretIdentity =  function (){
                  return this._name; }

stoleSecretIdentity 的上下文是全局环境，所以第一个输出 undefined。若要输出 John Doe，则要通过 call 、apply 和 bind 等方式改变 stoleSecretIdentity 的this 指向(hero)。

第二个是调用对象的方法，输出 John Doe。

**24.给你一个 DOM 元素，创建一个能访问该元素所有子元素的函数，并且要将每个子元素传递给指定的回调函数。**

函数接受两个参数：

*  DOM
 *  指定的回调函数  
    原文利用 深度优先搜索(Depth-First-Search) 给了一个实现：

function Traverse(p_element,p_callback) {
             p_callback(p_element);    var list = p_element.children;    for (var i = 0; i < list.length; i++) {
                 Traverse(list[i],p_callback);  // recursive call    } }