乐趣区

关于javascript:前端面试题每日3题20220905

19 以下代码执行后,控制台中的输入内容为?

var a2 = {}, b2 = Symbol('123'), c2 = Symbol('123');
a2[b2] = 'b';
a2[c2] = 'c';
console.log(a2[b2]);

20 以下代码执行后,控制台中的输入内容为?

var a3 = {},
  b3 = {key: "123"},
  c3 = {key: "456"};
a3[b3] = "b";
a3[c3] = "c";
console.log(a3[b3]);

21 以下代码执行后,控制台中的输入内容为?

const a = {
  i: 1,
  toString() {return a.i++;},
};
console.log(a == 1 && a == 2 && a == 3);

公粽号【明天也要写 bug】

答案与解析

19

// 答案:b
// 考查 Symbol 类型
// ES6 引入了一种新的根本数据类型:Symbol
// 一个 symbol 值能作为对象属性的标识符;这是该数据类型仅有的目标。// 每个从 Symbol() 返回的 symbol 值都是惟一的。var a2 = {},
  b2 = Symbol("123"),
  c2 = Symbol("123");
// symbol 值惟一,所以 b2 和 c2 作为对象属性标识符示意两个不同的属性
a2[b2] = "b";
a2[c2] = "c";

console.log(a2[b2]); // 输入 b

20

// 答案:c
// 考查对象的属性、隐式强制类型转换
// 对象的属性名只能是 string 或 symbol 类型
// 如果对象的属性名不是这两者,则会将其隐式强制转换为 string
// 对于非字符串类型转换为字符串类型
// 根本类型:null => 'null', undefined => 'undefined'
// true => 'true', false => 'false', 数字通常间接加引号(极小或极大值采纳指数模式加引号)// 对象转换为字符串类型:如果对象的 valueOf 办法返回的是根本类型,就按 valueOf 返回值转换
// 否则就按对象的 toString 办法的返回值来进行转换
var a3 = {},
  b3 = {key: "123"},
  c3 = {key: "456"};
a3[b3] = "b"; // b3 为一般对象,valueOf 返回它自身,不是根本类型,所以应用 toString 返回值来转换成 string
a3[c3] = "c"; // 同上
// 而一般对象的 toString 办法均返回 '[object Object]'
// 故通过上述两次赋值后,a3 为:{'[object Object]': 'c' }

console.log(a3[b3]); // 最终输入 c

21

// 答案:true
// 考查强制类型转换
// == 操作会进行强制类型转换
// 如果操作数之一是对象,另一个是数字或字符串,// 会尝试应用对象的 valueOf() 和 toString() 办法将对象转换为原始值。// 如果 valueOf 返回根本类型,就按该值进行转换,否则按 toString 的返回值转换
const a = {
  i: 1,
  toString() {return a.i++;},
};
// 对于 a == 1,尝试将对象 a 转换为数字类型
// a 为一般对象,它的 valueOf 返回它自身,所以按 toString 返回值来转换
// a.toString() 返回 1,所以 a == 1 为 true
// 而后 a.i 自增为 2
// 同理判断 a == 2,再一次触发 toString 办法返回 2,a == 2 为 true
// 而后 a.i 自增为 3
// 同理 a == 3 为 true
console.log(a == 1 && a == 2 && a == 3); // 最终输入 true
退出移动版