初级前端面试(2)

news2024/11/23 22:08:06

1.讲一下闭包相关知识，和普通函数有什么区别

闭包是什么：JS中内层函数可以访问外层函数的变量，外层函数无法操作内存函数的变量的特性。我们把这个特性称作闭包。

闭包的好处：

隔离作用域，保护私有变量；有了闭包才有局部变量，要不然都是全局变量了。
让我们可以使用回调，操作其他函数内部；
变量长期驻扎在内存中，不会被内存回收机制回收，即延长变量的生命周期；
闭包的弊端：内层函数引用外层函数变量，内层函数占用内存。如果不释放内存，过多时，易引起内存泄露。

解决办法：无法自动销户，就及时手动回收，使用后将函数的引用赋null。

闭包深入理解

那如果有ab两个函数，b作为a的参数传入，a中要怎么使用b呢，回答了callback函数面试官说也确实可以实现
另外的方法：
//定义一个add函数
function add(){
console.log(“这是加法函数！”);
}
//定义一个计算函数counter，并将函数method作为参数，并调用了method（）
function counter(method){
method();
}
//调用了counter（）函数，并将函数add作为参数传进去
counter(add);
//运行的结果为：这是加法函数！
总结：
①. 将函数作为另一个函数的参数使用，只需要在调用另一个函数时，将函数作为参数传递进去。另一个函数已经完成对传进来函数的调用。
②. 同时需要注意的是：在js中，函数也是对象，所以是引用传地址，函数名就是指向该对象的地址，所以将函数作为参数的时候，只需要将函数名写入即可。

特别说明：这里的函数作为另一个函数的参数使用，也就是闭包的使用，可以访问函数内部的变量。
参考文档

2.怎么理解css的选择器权重问题如果没有这个权重设定可以吗会出现什么问题

从样式选择器看权重优先级：important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。

important的权重为1,0,0,0
ID的权重为0,1,0,0
类的权重为0,0,1,0
标签的权重为0,0,0,1
伪类的权重为0,0,1,0
属性的权重为0,0,1,0
伪对象的权重为0,0,0,1
通配符的权重为0,0,0,0

当权重不同时，权重高的显示；当权重相同时，后写的样式起作用，我回答可以完成一些用户交互的样式切换效果

3.手写冒泡排序，并且讲思路

    // 编写方法，实现冒泡
    var arr = [29,45,51,68,72,97];
    //外层循环，控制趟数，每一次找到一个最大值
    for (var i = 0; i < arr.length - 1; i++) {
        // 内层循环,控制比较的次数，并且判断两个数的大小
        for (var j = 0; j < arr.length - 1 - i; j++) {
            // 白话解释：如果前面的数大，放到后面(当然是从小到大的冒泡排序)
            if (arr[j] > arr[j + 1]) {
                var temp = arr[j];
                arr[j] = arr[j + 1];
                arr[j + 1] = temp;
            }
        }
 
    }
    console.log(arr);//[2, 4, 5, 12, 31, 32, 45, 52, 78, 89]

参考博客

4.深浅拷贝问题

、深拷贝与浅拷贝的区别？

拷贝的层级不同，深拷贝是指每一层数据的改动都不会影响原对象和新对象，浅拷贝只有第一层的属性变动不互相影响，深层的数据变动还会互相影响。

2、实现拷贝的方法有哪些？

浅拷贝：数组可以用拓展运算符[...arr]，或者slice().浅拷贝对象可以用Object.assign({},obj)

深拷贝：JSON.parse(JSON.stringify(obj))，或封装递归方法，或使用第三方库的方法，比如  JQuery的$.extend({},obj)，或者lodash 的cloneDeep

3、JSON.parse(JSON.stringify(obj))处理的缺点？

如果对象中有属性是function或者undefined，处理后会被过滤掉；
如果属性值是对象，且由构造函数生成的实例对象，会丢弃对象的constructor；

5.原型和原型链，有什么作用

原型：在js中，每一个对象（函数也是对象）都有一个特殊的属性叫做原型（prototype），它指向另一个对象，这个对象（Test.prototype）被称为原型对象，原型对象是用来共享属性和方法的。

	(1)原型对象有一个constructor属性指向构造函数本身(Test)。

    (2)原型对象是一个普通的对象，它包含属性和方法。

    (3)原型对象的属性和方法会被继承到所有通过原型链与它相连的对象。

    简单来说，原型对象是一个普通对象，属性和方法会被继承到其他对象，而每个对象都有一个原型(prototype),用来继承其他对象的属性和方法。

原型链：指一些原型通过__proto__指针构成的链表，一个原型链可以为想共享原型链中数据的对象服务，用于实现JavaScript中的继承机制。

(原型链指针) 原型链中涉及到的指针：

每个对象都有一个__proto__指针来访问对象的原型
每个原型都是一个用于实现继承的对象，除了有__proto__指针之外，还有constructor指针指向构造函数
每个函数都是一个对象，除了有__proto__指针之外，还有prototype指针指向与之关联的原型对象，prototype的指向和__proto__指向不一定相同。

在这里插入图片描述