草庐IT

前端面试题每日3题——2022-09-02

既明的前端进阶 2023-03-28 原文

每日 3 题

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

var obj = {
  a: 1,
};

((obj) => {
  console.log(obj.a);
  obj.a = 3;
  var obj = {
    a: 2,
  };
  console.log(obj.a);
})(obj);

console.log(obj.a);

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

function Fun() {}

Fun.prototype.a = 1;

let f1 = new Fun();

Fun.prototype = {
  b: 2,
  c: 3,
};

let f2 = new Fun();

Fun.prototype.d = 4;

console.log(f1.a);
console.log(f1.b);
console.log(f2.c);
console.log(f2.d);

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

var num = 1;
let obj = {
  num: 2,
  foo: function () {
    console.log(this.num);
  },
  foo2: () => {
    console.log(this.num);
  },
};

let f1 = obj.foo;
let f2 = obj.foo2;
obj.foo();
obj.foo2();
f1();
f2();

答案及解析

10

// 答案 1 2 3
// 考察形参、局部变量、引用类型、立即执行函数

// 立即执行函数内部，var 声明的变量会提升到函数顶部
var obj = {
  a: 1,
};

((obj) => {
  var obj; // 重复声明无效
  console.log(obj.a); // *1
  obj.a = 3; // *2
  obj = {
    a: 2,
  }; // *3
  console.log(obj.a); // *4
})(obj);
console.log(obj.a); // *5

/**
 * 形式参数 obj 属于局部变量，函数内 var obj 重复声明无效
 * 立即执行函数将全局对象 obj 作为参数传入函数，注意是引用类型，
 * 所以函数内 obj 指向全局对象 obj，因此`*1`处输出 1（即全局变量的属性 1）
 *
 * *2处将全局变量的属性 a 赋值为 3
 * *3处局部变量 obj 指向了一个新的对象`{ a: 2 }`，注意对全局变量不会有影响
 * *4处输出的是局部变量的属性 a，即新对象`{ a: 2 }`的属性 a，为 2
 * *5处输出全局变量的属性 a，在函数内已经被改为 3
 */

11

// 答案：1 undefined 3 4
// 考察原型链
function Fun() {}

Fun.prototype.a = 1;
// 在 Fun 的原型对象上添加属性 a 并赋值为 1

let f1 = new Fun();
// 创建实例 f1，此时 f1 的属性 __proto__ 指向 Fun.prototype

Fun.prototype = {
  b: 2,
  c: 3,
};
// Fun 的 prototype 属性指向了一个新对象
// 注意不会影响实例 f1，因为 f1.__proto__ 还是指向原来那个原型对象

let f2 = new Fun();
// 创建实例 f2，此时 f2 的属性 __proto__ 指向 Fun.prototype
// 注意这时 Fun.prototype 已经跟创建 f1 时的不同了
// 即 f2.__proto__ 指向 { b: 2, c: 3 }

Fun.prototype.d = 4;
// 在 Fun 的原型对象上添加属性 d 并赋值为 4
// 此时 Fun 的原型对象变为 { b: 2, c: 3, d: 4}
// 注意这是修改了 Fun.prototype 指向的那个对象
// 此时 f2.__proto__ 也指向 { b: 2, c: 3, d: 4}

// 综上：f1.__proto__ 为 { a: 1 }
// f2.__proto__ 为 { b: 2, c: 3, d: 4}

console.log(f1.a); // 1
console.log(f1.b); // undefined，自身及原型对象上都没有属性 b
console.log(f2.c); // 3
console.log(f2.d); // 4

12

// 答案 在浏览器中 2 1 1 1
// 考察 this、箭头函数和普通函数的区别

var num = 1; // 在浏览器中 var 声明的全局变量会挂载到 window 对象上

let obj = {
  num: 2,
  foo: function () {
    console.log(this.num);
  },
  // 普通函数的 this 在其执行时才能确定下来
  foo2: () => {
    console.log(this === global);
    console.log(this.num);
  },
  // 箭头函数的 this 在定义时就确定下来了
  // 箭头函数内部的 this 就是定义时外部代码块的 this
  // 注意这里外部代码块就是全局作用域，即 this 指向全局作用域 this 即 window
  // obj 后面的 {} 不是代码块！
  // 因此箭头函数中的 this.num 就是全局 num 为 1
};

let f1 = obj.foo;
let f2 = obj.foo2;
obj.foo(); // 调用位置有执行上下文对象为 obj，因此 this 指向 obj 输出 2
obj.foo2(); // 箭头函数输出 1
f1(); // 调用位置执行上下文对象为全局对象，因此输出全局 num 为 1
f2(); // 箭头函数输出 1
端面mdashobjconsoleprototypeJavaScript

有关前端面试题每日3题——2022-09-02的更多相关文章

  1. postman——集合——执行集合——测试脚本——pm对象简单示例02 - 2

    //1.验证返回状态码是否是200pm.test("Statuscodeis200",function(){pm.response.to.have.status(200);});//2.验证返回body内是否含有某个值pm.test("Bodymatchesstring",function(){pm.expect(pm.response.text()).to.include("string_you_want_to_search");});//3.验证某个返回值是否是100pm.test("Yourtestname",function(){varjsonData=pm.response.json

  2. Hive SQL 五大经典面试题 - 2

    目录第1题连续问题分析：解法：第2题分组问题分析：解法：第3题间隔连续问题分析：解法：第4题打折日期交叉问题分析：解法：第5题同时在线问题分析：解法：第1题连续问题如下数据为蚂蚁森林中用户领取的减少碳排放量iddtlowcarbon10012021-12-1212310022021-12-124510012021-12-134310012021-12-134510012021-12-132310022021-12-144510012021-12-1423010022021-12-154510012021-12-1523.......找出连续3天及以上减少碳排放量在100以上的用户分析：遇到这类

  3. 牛客网专项练习30天Pytnon篇第02天 - 2

    1.在Python3中，下列关于数学运算结果正确的是:（B）a=10b=3print(a//b)print(a%b)print(a/b)A.3，3，3.3333...B.3，1，3.3333...C.3.3333...，3.3333...，3D.3.3333...，1，3.3333...解析：    在Python中，//表示地板除（向下取整），%表示取余，/表示除（Python2向下取整返回3）2.如下程序Python2会打印多少个数:（D）k=1000whilek>1:    print(k)k=k/2A.1000 B.10C.11D.9解析：    按照题意每次循环K/2，直到K值小于等

  4. 映宇宙2022年营收63亿元：同比下降三成，毛利率提升4.3个百分点 - 2

    3月26日，映宇宙（HK:03700，即“映客”）发布截至2022年12月31日的2022年度业绩财务报告。财报显示，映宇宙2022年的总营收为63.19亿元，较2021年同期的91.76亿元下降31.1%。2022年，映宇宙的经营亏损为4698.7万元，2021年同期则为净利润4.57亿元；期内亏损（净亏损）为1.68亿元，2021年同期的净利润为4.33亿元；非国际财务报告准则经调整净利润为3.88亿元，2021年同期为4.82亿元，同比下降19.6%。 映宇宙在财报中表示，收入减少主要是由于行业竞争加剧，该集团对旗下产品采取更为谨慎的运营策略以应对市场变化。不过，映宇宙的毛利率则有所提升

  5. 蓝桥杯C/C++VIP试题每日一练之报时助手 - 2

    ?作者主页：静Yu?简介：CSDN全栈优质创作者、华为云享专家、阿里云社区博客专家，前端知识交流社区创建者?社区地址：前端知识交流社区?博主的个人博客：静Yu的个人博客?博主的个人笔记本：前端面试题个人笔记本只记录前端领域的面试题目，项目总结，面试技巧等等。接下来会更新蓝桥杯官方系统基础练习的VIP试题，依然包括解题思路，源代码等等。问题描述：给定当前的时间，请用英文的读法将它读出来。时间用时h和分m表示，在英文的读法中，读一个时间的方法是：　　如果m为0，则将时读出来，然后加上“o’clock”，如3:00读作“threeo’clock”。　　如果m不为0，则将时读出来，然后将分读出来，如5

  6. Python：每日一题之小张的衣服（优先队列、哈夫曼编码） - 2

    题目描述小张买了 n 件白色的衣服，他觉得所有衣服都是一种颜色太单调，希望对这些衣服进行染色，每次染色时，他会将某种颜色的所有衣服寄去染色厂，第 i 件衣服的邮费为 ai​ 元，染色厂会按照小张的要求将其中一部分衣服染成同一种任意的颜色，之后将衣服寄给小张，请问小张要将 n 件衣服染成不同颜色的最小代价是多少？输入描述第一行为一个整数 n ，表示衣服的数量。第二行包括 n 个整数a1​,a2​...an​ 表示第 i 件衣服的邮费为 ai​ 元。（1≤n≤10^5,1≤ai​≤10^9 ）输出描述输出一个整数表示小张所要花费的最小代价。输入输出样例输入551321输出25 思考🤔：题意：意思是

  7. IDEA 2022 创建 Spring Boot 项目详解 - 2

    如何用IDEA2022创建并初始化一个SpringBoot项目？目录如何用IDEA2022创建并初始化一个SpringBoot项目？0. 环境说明1.  创建SpringBoot项目 2.编写初始化代码0. 环境说明IDEA2022.3.1JDK1.8SpringBoot1.  创建SpringBoot项目        打开IDEA，选择NewProject创建项目。        填写项目名称、项目构建方式、jdk版本，按需要修改项目文件路径等信息。        选择springboot版本以及需要的包，此处只选择了springweb。        此处需特别注意，若你使用的是jdk1

  8. 2022年10月23日周赛ZZULIOJ - 2

    文章目录问题B:芝华士威士忌和他的小猫咪们代码&注释问题C:愿我的弹雨能熄灭你们的痛苦代码注释问题D:猜糖果游戏代码注释问题E:有趣的次方代码注释问题F:这是一个简单题代码&注释问题G:打印矩阵代码注释问题H:scz的简单考验代码注释问题I:完美区间代码&注释问题J:是狂热的小迷妹一枚吖~代码&注释2022年10月23日周赛ZZULIOJ问题B:芝华士威士忌和他的小猫咪们时间限制:1Sec内存限制:128MB题目描述芝华士威士忌很喜欢带着他的猫咪们一块跑着玩。但是小猫咪们很懒，只有在离他y米以内才愿意和他一块跑。这天他在坐标为x的位置，他想和他的猫咪们一块跑着玩。有n个小猫咪，第i个小猫咪在坐

  9. 【华为OD机试真题 java、python、c++】荒地电站建设【2022 Q4 100分】（100%通过+复盘思路） - 2

    代码请进行一定修改后使用，本代码保证100%通过率，本题目提供了java、python、c++三种代码。复盘思路在文章的最后题目描述祖国西北部有一片大片荒地，其中零星的分布着一些湖泊，保护区，矿区;整体上常年光照良好，但是也有一些地区光照不太好。某电力公司希望在这里建设多个光伏电站，生产清洁能源对每平方公里的土地进行了发电评估，其中不能建设的区域发电量为0kw，可以发电的区域根据光照，地形等给出了每平方公里年发电量x千瓦。我们希望能够找到其中集中的矩形区域建设电站，能够获得良好的收益。输入描述第一行输入为调研的地区长，宽，以及准备建设的电站【长宽相等，为正方形】的边长最低要求的发电量之后每行为

  10. 华为OD机试 -旋转骰子（Python） | 机试题算法思路 【2023】 - 2

    最近更新的博客华为OD机试-卡片组成的最大数字（Python）|机试题算法思路华为OD机试-网上商城优惠活动（一）（Python）|机试题算法思路华为OD机试-统计匹配的二元组个数（Python）|机试题算法思路华为OD机试-找到它（Python）|机试题算法思路华为OD机试-九宫格按键输入（Python）|机试算法备考思路华为OD机试-身高排序（Python）|备考思路使用说明参加华为od机试，一定要注意不要完全背诵代码，需要理解之后模仿写出，通过率才会高。华为OD清单查看地址：blog.csdn.net/hihell/catego

随机推荐