JS经典面试考题

代码输出问题

一、以下代码打印结果？

const keyA = {
    a: 1 };
const keyB = {
    b: 2 };

const myObject = {
   
  [keyA]: 'aaa',
  [keyB]: 'bbb'
}

console.log(myObject);

答案：{ [object Object]: “bbb” }

解析：

上方代码中的 [keyA] 和 [keyB] 得到的都是 [object object] , 所以 [keyB] 会把 [keyA] 覆盖掉，myObject 最会只剩下 [object object] 属性.

考查知识点： ES6中的属性名表达式的使用 ----- 属性名表达式如果是一个对象，默认情况下会自动将对象转为字符串：[object object].

二、以下代码的打印结果？

 function Foo() {
   
   Foo.a = function () {
   
     console.log(1)
   }
   this.a = function () {
   
     console.log(2)
   }
 }
 Foo.prototype.a = function () {
   
   console.log(3)
 }
 Foo.a = function () {
   
   console.log(4)
 }
 Foo.a();
 let obj = new Foo();
 obj.a();
 Foo.a();

答案：4 2 1

解析：

 function Foo() {
   
   Foo.a = function () {
   
     console.log(1)
   }
   this.a = function () {
   
     console.log(2)
   }
 }
 // 以上只是Foo的构建方法，没有产生实例，此刻也没有执行

 Foo.prototype.a = function () {
   
   console.log(3)
 }
 // 此刻原型Foo上挂载了原型方法a, 方法输出值为3

 Foo.a = function () {
   
   console.log(4)
 }
 // 此刻Foo上挂载了直接方法a, 输出值为4

 Foo.a(); 
 // 由于Foo构建方法还没有实例化，所以还没有执行，这里执行Foo上挂载的直接方法，输出4

 let obj = new Foo();
 /* 
   这里调用了Foo的构建方法，Foo的构建方法主要做了两件事：
   1. 将全局Foo上的直接方法 a 替换为一个输出 1 的方法。
   2. 在新对象上挂载直接方法 a, 输出值为2.
 */ 

 obj.a();
 // 新对象上存在直接方法 a, 所以不需要去访问原型链，所以使用的是构建方法里定义的this.a
 
 Foo.a();
 // 这时，构建方法里已经替换了全局Foo上的 a 方法，所以输出 1

考查知识点：构建函数不产生实例，不会执行.

三、以下代码输出结果？

String('11') == new String('11'