前端面试题|前端面试题 JavaScript 基础 —— 2022-09-03 前端面试题JavaScript基础——

每日 3 题 13 以下代码执行后，控制台中的输出内容为？

Object.prototype.a = 1; Function.prototype.b = 2; function F() {} var f = new F(); console.log(F.a); console.log(F.b); console.log(f.a); console.log(f.b);

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

var a = 2 >= 3 || true && 1 || false; console.log(a);

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

var x = 0; switch (++x) { case 0: ++x; case 1: ++x; case 5: ++x; }console.log(x);

答案及解析 13

// 答案：1 2 1 undefined // 考察原型链// 首先对于 Function，这里有几个特殊的点 console.log(typeof Function); // function console.log(Function.__proto__ === Function.prototype); // true console.log(Function.prototype.__proto__ === Object.prototype); // true // 自己动手跑一下记住结果即可Object.prototype.a = 1; // 在原型对象上添加属性并赋值 Function.prototype.b = 2; // 同上 function F() {} var f = new F(); // 下面捋一下原型链，"=>" 代表指向 console.log(F.a); // F.__proto__ => Function.prototype，Function.prototype.__proto__ => Object.prototype // 顺着原型链找属性 a 即可，找到 Object.prototype.a 为 1console.log(F.b); // 原型链同上，找到 Function.prototype.b 为 2console.log(f.a); // f.__proto__ => F.prototype // 注意 F.prototype 只是个普通对象，所以 F.prototype.__proto__ => Object.prototype // 顺着原型链找属性 a，找到 Object.prototype.a 为 1 console.log(f.b); // 原型链同上，找不到属性 b，所以结果为 undefined// 注意 f 和 F 的原型链的区别

// 答案：1 // 考察 && 和 || 的优先级以及运算符的理解 // && 的优先级高于 || // 故先计算 true && 1 console.log(true && 1); // 问：输出什么// 答案是 1，回答 true 的对 && 的理解有误 // 对于 expr1 && expr2 // 如果 expr1 能够转化为 true，表达式返回 expr2，否则返回 expr1// 同理 expr1 || expr2 // 如果 expr1 能够转化为 true，表达式返回 expr1，否则返回 expr2var a = 2 >= 3 || true && 1 || false; // 综上，一步一步计算如下 //(2 >= 3 || true && 1 || false) // = (2 >= 3 || 1 || false) // = (1 || false) // = 1console.log(a);

// 答案：3 // 考察：switch 和 ++ // 首先 ++ 在前会先计算自增 1 // 对于 case 中没有 break 时，匹配到 case 会一直向下计算直到遇到 break var x = 0; switch (++x) { // 首先计算括号中式子：结果为 1 case 0: ++x; // 1 不匹配 0 case 1: ++x; // 匹配，计算后 x 为 2，并且没有 break，继续向下计算 case 5: ++x; // 计算 ++x，计算后 x 为 3 }console.log(x); // 故最终输出 3