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

2022-09-03 11:33:13 阅读：169 来源： 互联网

标签：Function 03 面试题 console log ++ 09 prototype true

每日 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 为 1

console.log(F.b);
// 原型链同上，找到 Function.prototype.b 为 2

console.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 的原型链的区别

14

// 答案：1
// 考察 && 和 || 的优先级以及运算符的理解
// && 的优先级高于 ||
// 故先计算 true && 1
console.log(true && 1); // 问：输出什么

// 答案是 1，回答 true 的对 && 的理解有误
// 对于 expr1 && expr2
// 如果 expr1 能够转化为 true，表达式返回 expr2，否则返回 expr1

// 同理 expr1 || expr2
// 如果 expr1 能够转化为 true，表达式返回 expr1，否则返回 expr2

var a = 2 >= 3 || true && 1 || false;
// 综上，一步一步计算如下
//   (2 >= 3 || true && 1 || false)
// = (2 >= 3 || 1 || false)
// = (1 || false)
// = 1

console.log(a);

15

// 答案：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

标签：Function,03,面试题,console,log,++,09,prototype,true
来源： https://www.cnblogs.com/bidong/p/16652214.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9