关于javascript:前端面试题JavaScript篇20220915

每日 3 题

1 以下代码执行后，控制台中的输入内容为？

// 以下代码执行后，控制台中输入的内容是什么
var fullname = "a";
var obj = {
  fullname: "b",
  prop: {
    fullname: "c",
    getFullname: function () {return this.fullname;},
  },
};
console.log(obj.prop.getFullname());
var test = obj.prop.getFullname;
console.log(test());

2 以下代码执行后，控制台中的输入内容为？

// 以下代码执行后，控制台中输入的内容是什么
function Foo() {Foo.a = function () {console.log(1);
  };
  this.a = function () {console.log(2);
  };
}

Foo.prototype.a = function () {console.log(3);
};

Foo.a = function () {console.log(4);
};

Foo.a();
let obj = new Foo();
obj.a();
Foo.a();

3 以下代码执行后，控制台中的输入内容为？

// 以下代码执行后，控制台中输入的内容是什么
function getName() {for (let i = 0; i < 5; i++) {setTimeout((_) => {console.log(i);
    }, i * 1000);
  }
  return
  {name: "aaa";}
}

console.log(getName());

• 公众号【明天也要写 bug】更多前端面试题

答案及解析

1

// 答案：c a
// 考查 this 绑定规定
var fullname = "a";
var obj = {
  fullname: "b",
  prop: {
    fullname: "c",
    getFullname: function () {return this.fullname; // 一般函数中的 this 在其运行时能力确定},
  },
};
console.log(obj.prop.getFullname()); // 隐式绑定：调用地位有上下文对象：prop，this 指向它，因而输入 c
var test = obj.prop.getFullname;
console.log(test()); // 默认绑定：独立函数调用，this 指向全局对象，即 window
// 而在浏览器中，var 申明的全局变量会成为全局对象的属性
// 所以 test() 执行后返回 window.fullname=a

2

// 答案：4 2 1
// 考查：原型链、new 创建对象的过程、函数自身也是对象
function Foo() {Foo.a = function () {console.log(1);
  };
  this.a = function () {console.log(2);
  };
  // new 创建对象时让新创建的对象作为 this 的上下文
  // 所以这里的 this 指向上面创立的 obj
  // 即在 obj 上增加了属性 a
}

Foo.prototype.a = function () {console.log(3);
};

// 在对象 Foo 上增加属性 a：指向一个一般函数
Foo.a = function () {console.log(4);
};

Foo.a(); // 调用下面那个一般函数，输入 4
let obj = new Foo();
obj.a(); // 在构造函数中增加了属性 a，调用后输入 2
Foo.a(); // 在创立 obj 时曾经扭转了对象 Foo 上的属性 a 的指向，输入 1

3

// 答案：undefined 0 1 2 3 4
// 考查事件循环、return 语句
function getName() {for (let i = 0; i < 5; i++) {setTimeout((_) => {console.log(i);
    }, i * 1000);
  }
  // return 关键字和被返回的表达式之间不容许应用行终止符
  // 即 return 后要返回的表达式不能换行，否则返回 undefined
  return
  {name: "aaa";}
}

console.log(getName()); // 1
// setTimeout 是宏工作，在这里会在语句 1 执行之后执行
// getName 函数返回 undefined，因而先输入 undefined
// 之后 setTimeout 顺次执行，别离输入 0 1 2 3 4