前端面试题JavaScript篇——2022-09-14

每日3题

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

var company = {
  address: "chengdu",
};
var obj = Object.create(company);
delete obj.address;
console.log(obj.address);

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

var a = [0];
if (a) {
  console.log(a == true);
} else {
  console.log(a);
}

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

(function () {
  var a = (b = 5);
})();
console.log(b);
console.log(a);

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

答案及解析

1

// 答案：chengdu
// 考察原型链和 Object.create 方法
// Object.create() 方法用于创建一个新对象，使用现有的对象来作为新创建对象的原型
var company = {
  address: "chengdu",
};
var obj = Object.create(company); // obj.__proto__=company
delete obj.address; // 删除 obj 的属性 address
console.log(obj.address); // 通过原型链可以找到 company.address
// 故输出 chengdu

2

// 答案：false
// 考察 truthy 和 falsy
// falsy 值（虚值）是在 Boolean 上下文中认定为 false 的值，包括：false、0、-0、0n、""、null、undefined 和 NaN
// 在 JavaScript 中，truthy（真值）指的是在布尔值上下文中，转换后的值为 true 的值。被定义为假值以外的任何值都为真值。

// JavaScript 在需要用到布尔类型值的上下文中使用强制类型转换 (Type Conversion ) 将值转换为布尔值，例如条件语句和循环语句。
var a = [0]; // truthy
if (a) {
  console.log(a == true); // false
} else {
  console.log(a);
}

3

// 答案：5 报错
// 考察变量声明
// 在非严格模式下，如果作用域链中没有声明同名的变量，则对未限定标识符的赋值将会在全局对象下创建同名属性，即作为全局变量被创建
(function () {
  var a = (b = 5); // 此处变量 b 会成为全局变量
})();
console.log(b); // 输出 5
console.log(a); // 作用域中没有变量 a 直接报错