脚本宝典收集整理的这篇文章主要介绍了

【前端面试】 – 观远数据电话面试题

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

观远数据电话面试题

1. 数据结构中对堆栈链的理解

以链表形式构建的堆栈数据结构,可以实现动态增加节点,无需预先分配内存。

2. js中哪些数据是放在堆中,哪些数据是放在栈中?js的基本数据类型和对象有哪些的,null放在哪里?

js的基本数据类型:

空类型:undefined null
值类型:基本数据类型 String Number Boolean
引用型:复杂数据类型 Object Array 对象

值类型的值在栈空间存储,引用类型的对象在堆中存储,地址在栈中存储
基本类型(值类型)在调用函数的时候,传递的是值
引用类型,在函数调用的时候,传递的是地址(引用)

javascript中的null

null值表示一个空对象指针,而这也正是使用typeof操作符检测null值会返回“object”的原因,所以null放在堆中存储

3. es6中对Array的改进有哪些?

  • Array.of 创建一个包含所有参数的数组
  • Array.from 接受可迭代对象或类数组对象,最终返回一个数组
  • find方法和findIndex方法

    let numbers = [25, 30, 35, 40, 45]
    console.log(numbers.find(n => n > 35))//40
    console.log(numbers.findIndex(n => n > 35))//3
  • Array.fill 用指定的值填充一至多个数组元素
  • copyWithin方法
  • 定型数组 定型数组的length属性是一个不可写属性,所以不能修改定型数组的大小

    let buffer = new ArrayBuffer(10)
    let buffer2 = buffer.slice(4, 6)
    console.log(buffer2.byteLength)//2

4. constletvar比较

clipboard.png

5. 怎么实现只对对象的某个属性实现保护

  • const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变
  • 如果真的想将对象冻结,应该使用Object.freeze方法。
  • 使用闭包可以实现只对对象的某个属性的保护

6. 对闭包的理解,闭包有什么作用,怎么样实现属性私有化?

闭包:实现在函数内部的函数
闭包的作用:

  • 读取函数内部的变量
  • 让这些变量的值始终保存在内存中

闭包的缺点:

  • 使用闭包会导致函数中的变量始终保存在内存中,造成内存泄露,解决方法是在调用最后将不使用的变量设置为undefined进行回收。
  • 闭包会在父函数的外部改变父函数内部的值

实现属性私有化:
通过闭包实现

var ClassA = function()
{
    var name = "yourname"; //私有属性
     
    var privateMethod = function() //私有方法
    {
        alert("private");
    };
    //getter
    this.getName = function() {
        privateMethod();
        return name;
    }
    //setter
    this.setName = function(newName)
    {
        name = newName;
    }
};

7. Array有哪些方法,哪些方法是改变数组本身的,怎么样判断对象是数组,isArray是谁的方法?

不改变数组的方法:

  • Array.slice()
  • Array.join()
  • Array.concat()
  • Array.isArray()

改变数组的方法

  • Array.splice()
  • Array.shift()
  • Array.unshift()
  • Array.pop()
  • Array.push()
  • Array.sort0()
  • Array.reverse()

怎么判断对象是数组的

function judgeArr(arr){ 
    return Array.isArray(arr); //或者 Object.prototype.toString.call(arr) == '[object Array]' 
}

isArray是Array的方法

8. 怎么实现数组的遍历,有哪些方法?

js有如下两种数据需要经常遍历
数组(Array)
对象(Object)

同时又提供了如下8种方法方便我们遍历元素

9. Array的forEach方法里有return会怎么样?

forEach方法放入break会报错,return也无法跳出循环
如果需要在遍历中跳出循环,可以使用Array.some()[return true时跳出循环]或者Array.every()[return false时跳出循环]

10. 如何组织代码实现输出两个数组中相等的元素的?元素可能有基础数据类型和对象。

遍历,== 或者 === 判断即可

11. 为什么要有事件捕获和事件冒泡两个阶段?

事件捕获 指的是从document到触发事件的那个节点,即自上而下的去触发事件。相反的,事件冒泡 是自下而上的去触发事件。绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡。默认false,即事件冒泡。Jquery的e.stopPropagation会阻止冒泡,意思就是到我为止,我的爹和祖宗的事件就不要触发了。
clipboard.png

至于为什么会并存两种完全不同的触发顺序,是因为IE用的是冒泡,其他都是捕获顺序。

12. 什么是事件代理,怎么判断是哪个节点触发了,target和currentTarget的区别

当网页中需要触发事件的对象比较多的时候,为了避免内存泄漏,我们把事件委托到其父对象上,比如li上的事件委托到ul上,也可以称为交给ul进行代理。

$("ul").on("mouseover",function(e){
    $(e.target).css("background-color","#ddd").siblings().css("background-color","white");
})

e.target可以判断事件发生的源节点。
event.target返回触发事件的元。
event.currentTarget返回绑定事件的元素。

13. 隐藏元素的几种方法

CSS方法

  • opacity: 0 通过调整透明度从视觉上隐藏元素,元素依旧占据位置并对网页的布局起作用,也会影响用户交互。
  • visibility: hidden 设置可见或者不可见,被隐藏的元素依然会对网页布局起作用,但不会影响用户交互。
  • diaplsy: none 隐藏元素,确保元素不可见并且连盒模型也不生成,被隐藏的元素不占据任何空间。
  • position:absolute 配合 top 和 left 属性,将元素移出可视区域,不会影响布局,又能让元素保持可操作。

JS方法

  • DomNode.delete(Node) 通过JS来删除DOM树的节点,实现元素隐藏,缺点是如果要再显示该节点,需要添加该节点

参考文章
JavaScript 深拷贝性能分析 - 前端进阶 - SegmentFault 思否
使用slice和concat对数组的深拷贝和浅拷贝 - 白杨-M - 博客园

总结

以上是脚本宝典为你收集整理的

【前端面试】 – 观远数据电话面试题

全部内容,希望文章能够帮你解决

【前端面试】 – 观远数据电话面试题

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过