JS常见面试题

题目1：

let a = {},
    b = '0',
    c = 0;
a[b] = '淘宝'；
a[c] = '京东'；
console.log(a[b])

答案：京东
解析：
1、堆内存（16进制内存地址）：存储引用类型值的控件；
2、栈内存（16进制内存地址）：存储基本类型值和执行代码的环境；
3、在堆内存中，对象的属性名不能重复，且数字属性名==字符串属性名；
补充：对象和数组的区别：数组表示有序数据的集合，而对象表示无序数据的集合。如果数据的顺序很重要，就用数组，否则就用对象。
数组和对象的另一个区别是，数组的数据没有”名称”（name），对象的数据有”名称”（name）

题目2：

let a = {},
b =Symbol('1'),
c =Symbol('1'),
a[b] = '淘宝'；
a[c] = '京东'；
console.log(a[b])

答案：淘宝
解析：
1、Symbol创建的是唯一值：Symbol('1') = Symbol('1') ，为false，所以相当于Symbol('1') 和 Symbol('1')是两个不同的对象属性，存的也是两个不同的值；
2、对象的属性必须是数字、字符、布尔值、null、undefined的说法是错误的，也可以是Symbol值；
思考：自己实现Symbol

题目3：

let a = {},
b =  { a:12 },
c =  { a:15 },
a[b] = '淘宝'；
a[c] = '京东'；
console.log(a[b])

答案：京东
解析：
1、对象的属性可以是数字、字符、布尔值、null、undefined，也可以是Symbol值；
2、对象的属性也可以是一个对象，但是对象的属性在声明的时候会被.toString()转化为：[Object Object]，所以a[b]和a[c]是同一个属性名称，所以淘宝被替换为京东；
思考：Object.protoType.toString/valueOf和toString

题目4：

var test = (functiong(i) {
      return functiong () {
        alert(i *=2)
      }
})

答案：'4'
解析：
1、立即执行的自定义函数（function(i) {...}）(i);
2、函数代码每执行一次，就会创建一个新的执行上下文(ECstack：Execution Context Stack)
3、函数执行的内存过程如下：

题目5：

var a = 0,
b = 0,
function A(a) {
A = function ( b ) {
alert (a + b++)；
}；
alert(a++);
}
A(1)
A(2)
答案："1"、 "4"
解析：

题目6：

let obj = {
a:100,
b:[10,20,30],
c:{
x:10
}
d:/^\d+$
}

浅克隆：
let obj2 = {
for(let key in obj) {
if(!obj.hasOwnproperty(key)) break;
obj2[key] = obj[key];
}
}

let obj2 = {
...obj
}

深克隆：

function deep(obj) {
    //过滤特殊情况
    if( obj == null ) return obj;
    if( typeof obj != "object") return obj;
    if( obj intanceof RegExp ) {
        return new RegExp(obj);
    }
    if( obj intanceof Date) {
        return new Date(obj);
    }
    //不直接创建空对象的目的：克隆的结果和之前的结果保持相同的所属类
    let newObj = new obj.constructor;
    for (let key in obj) {
      if (obj.hasOwnProperty(key)) {
          newObj[key] = deepClone(obj[key])    
      }    
    }
    return newObj
}

除了正则和函数，还可采用更为简单的方法：

let obj2 = JSON.string(obj);
JSON.parse(obj2);

课后题：面向对象和闭包的综合考察

function Foo() {
    getName = functiong () {
      console.log(1);
    };
    return this;
}
Foo.getName = function () {
    console.log(2);
}
Foo.protoType.getName = Function() {
    console.log(3);
};
var getName = function () {
    console.log(4);
}
function getName () {
console.log(5);
}

Foo.getName();
getName();
Foo.getName();
getName();
new Foo.getName();
new new Foo.getName();

最后编辑于：2020.07.08 11:25:53