前端面试题每日3题——2022-09-04
每日 3 题
16 以下代码执行后,控制台中的输出内容为?
let a = { n: 1 };
let b = a;
a.x = a = { n: 2 };
console.log(a.x);
console.log(b.x);
17 以下代码执行后,控制台中的输出内容为?
let a = {};
let b = "123";
let c = 123;
a[b] = "b";
a[c] = "c";
console.log(a[b]);
18 以下代码执行后,控制台中的输出内容为?
function user(obj) {
obj.name = "aaa";
obj = new Object();
obj.name = "bbb";
}
let person = new Object();
user(person);
console.log(person.name);
公众号【今天也要写bug】获取更多前端面试题
成都创新互联是一家专业提供科尔沁右翼前企业网站建设,专注与成都网站制作、网站设计、H5高端网站建设、小程序制作等业务。10年已为科尔沁右翼前众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
答案和解析
16
// 答案:undefined { n: 2 }
// 考察赋值运算符
let a = { n: 1 };
let b = a; // b 指向 { n: 1 }
a.x = a = { n: 2 };
// 首先找到 a.x 等待赋值,即对象 { n: 1 } 的属性 x
// 然后计算赋值=右侧表达式:a = { n: 2 },将 a 赋值为一个新对象
// a 赋值为一个新对象不会影响 b
// 赋值表达式本身的值为要赋值的值,所以 a = { n: 2 } 返回 { n: 2 }
// 所以 { n: 1 } 的属性 x 被赋值为 { n: 2 }
console.log(a.x); // a 被赋值为 { n: 2 },没有属性 x,故输出:undefined
console.log(b.x); // b.x 即为 { n: 1 } 的属性 x,故输出:{ n: 2 }
17
// 答案:c
// 考察对象的属性名、键访问
// 对于对象 obj = { a: 1 }
// obj.a 语法被称为“属性访问”
// obj['a'] 语法被称为“键访问”
// 在对象中,属性名永远是字符串
// 如果使用 string 意外的值作为属性名,那么它首先会被转换为字符串
let a = {};
let b = "123";
let c = 123;
a[b] = "b"; // 此时 a => {'123':'b'}
a[c] = "c"; // 此时 a => {'123':'c'}
console.log(a[b]); // 输出 c
18
// 答案:aaa
// 考察引用类型
function user(obj) {
// obj 指向 person 引用的对象{}
obj.name = "aaa"; // obj person 引用的对象变为 {name:'aaa'}
obj = new Object(); // obj 引用新对象,对 person 无影响
obj.name = "bbb"; // obj => {name:'bbb'},对 person 无影响
}
let person = new Object(); // person => {}
user(person);
console.log(person.name); // person => {name:'aaa'}
名称栏目:前端面试题每日3题——2022-09-04
浏览路径:http://pwwzsj.com/article/dsojggg.html