欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 新车 > 每天10个js面试题(六)

每天10个js面试题(六)

2024/10/26 2:30:09 来源:https://blog.csdn.net/m0_62474008/article/details/143001560  浏览:    关键词:每天10个js面试题(六)

1、js数组方法?

  • Array.push()此方法是在数组的后面添加新加元素,此方法改变了数组的长度
  • Array.pop()此方法在数组后面删除最后一个元素,并返回数组,此方法改变了数组的长度
  •  Array.shift()此方法在数组后面删除第一个元素,并返回数组,此方法改变了数组的长度
  • Array.unshift()此方法是将一个或多个元素添加到数组的开头,并返回新数组的长度
  • Array.isArray()判断一个对象是不是数组,返回的是布尔值
  • Array.concat()此方法是一个可以将多个数组拼接成一个数组
  • Array.toString()把数组作为字符串返回
  • Array.join()以指定字符拼接成字符串,然后返回
  • Array.splice(开始位置, 删除的个数,元素)
  • Array.map()此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组
  • Array.forEach()此方法是将数组中的每个元素执行传进提供的函数,没有返回值,直接改变原数组,注意和 map 方法区分
  • Array.filter()此方法是将所有元素进行判断,将满足条件的元素作为一个新的数组返回
  • Array.every()此方法是将所有元素进行判断返回一个布尔值,如果所有元素都满足判断条件,则返回 true,否则为 false:
  • Array.some()此方法是将所有元素进行判断返回一个布尔值,如果存在元素都满足判断条件,则返回 true,若所有元素都不满足判断条件,则返回 false:
  • Array.reduce()此方法是所有元素调用返回函数,返回值为最后结果,传入的值必须是函数类型

2、js字符串方法?

  • trim(): 去首尾空格
  • split(sep,limit):将字符串分割为字符数组,limit 为从头开始执行分割的最大数量
  • indexOf(str):返回 str 在父串中第一次出现的位置,若没有则返回-1
  • lastIndexOf(str):返回 str 在父串中最后一次出现的位置,若没有则返回-1
  • substr(start,length):从字符索引 start 的位置开始,返回长度为 length 的子串
  • substring(from,to):返回字符索引在 from 和 to(不含)之间的子串
  • slice(start,end):返回字符索引在 start 和 end(不含)之间的子串
  • toLowerCase():将字符串转换为小写
  • toUpperCase():将字符串转换为大写
  • replace(str1,str2):str1 也可以为正则表达式,用 str2 替换 str1
  • concat(str1,str2,...):连接多个字符串,返回连接后的字符串的副本
  • match(regex):搜索字符串,并返回正则表达式的所有匹配
  • charAt(index):返回指定索引处的字符串
  • charCodeAt(index):返回指定索引处的字符的 Unicode 的值
  • fromCharCode():将 Unicode 值转换成实际的字符串
  • search(regex):基于正则表达式搜索字符串,并返回第一个匹配的位置
  • valueOf():返回原始字符串值

3、js new操作符具体做了什么?

  • 在内存创建一个新对象
  • 把构造函数中this指向新建的对象
  • 会在新对象上添加一个__proto__属性,指向函数的原型对象prototype
  • 判断函数返回值,如果值是引用类型就直接返回值;否则返回this(创建的新对象)

4、js 深浅拷贝区别?

  • 浅拷贝的话,如果属性是基本类型,拷贝的就是基本类型的值。如果属性是引用类型,拷贝的就是内存地址。就是浅拷贝是拷贝一层,深层次的引用类型就是共享内存地址。
  • 深拷贝除了拷贝基本类型的值,还完全复刻了对象类型。就是开辟一个新的栈,两个对象属完成相同,但是对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。
  • 浅拷贝方法:Object.assign、Array.prototype.slice(), Array.prototype.concat()和 拓展运算符实现的复制
  • 深拷贝方法:最常用的就是JSON.stringify(),还有就是JQuery的jQuery.extend(),再就是lodash的_.cloneDeep(),或者手写循环递归了

5、js同步异步区别?

  • 同步: 下面代码会等待上面 同步代码执行完毕
  • 异步: 下面代码不会等待上面异步代码执行完毕
  • 同步:浏览器访问服务器请求,用户看得到页面刷新,重新发请求,等请求完,页面刷新,
  • 新内容出现,用户看到新内容,进行下一步操作
  • 异步:浏览器访问服务器请求,用户正常操作,浏览器后端进行请求。
  • 等请求完,页面不刷新,新内容也会出现,用户看到新内容

6、js为什么 JS 是单线程,  而不是多线程?

  • 单线程是指 JavaScript 在执行的时候,有且只有一个主线程来处理所有的任务。
  • 目的是为了实现与浏览器交互。
  • 我们设想一下,如果 JavaScript 是多线程的,现在我们在浏览器中同时操作一个
  • DOM,一个线程要求浏览器在这个 DOM 中添加节点,
  • 而另一个线程却要求浏览器删掉这个 DOM 节点,
  • 那这个时候浏览器就会很郁闷,他不知道应该以哪个线程为准。
  • 所以为了避免此类现象的发生,降低复杂度,JavaScript
  • 选择只用一个主线程来执行代码,以此来保证程序执行的一致性。

7、js严格模式的使用与作用?

  • 在代码前面使用"use strict"就可以开启严格模式;
  •     作用:
  • 消除 Javascript 语法的一些不合理、不严谨之处,减少一些怪异行为;
  • 消除代码运行的一些不安全之处,保证代码运行的安全;
  • 提高编译器效率,增加运行速度;
  • 为未来新版本的 Javascript 做好铺垫。
  •     特点:
  • 变量必须要通过修饰符进行声明
  • 函数的参数不能有同名属性,否则报错
  • 禁止 this 指向全局对象
  • 增加了保留字(比如 protected 、 static 和 interface )
  • 不能删除变量 delete prop

8、js线程与进程的区别?

  • 一个程序至少有一个进程, 一个进程至少有一个线程。
  • 线程的划分尺度小于进程,使得多线程程序的并发性高。
  • 进程在执行过程中拥有独立的内存单元,而多个线程共享内存,从而极大地提高了程序的运行效率。
  • 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行,必须依存在应用程序中,
  • 由应用程序提供多个线程执行控制。从逻辑角度来看,多线程的意义在于一个应用程序中,有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用,来实现进程的调度和管理以及资源分配。这就是进程和线程的重要区别。

9、Promise.all() 原理?

  • Promise.all() 是一个内置的辅助函数,它接收一个包含多个 Promise 的可迭代对象作为参数,并返回一个新的 Promise。
  • 这个新的 Promise 在传入的所有 Promise 都成功解决时才会成功解决,并将所有 Promise 的解决值按顺序组成的数组作为结果;
  • 如果任何一个 Promise 被拒绝,则返回的 Promise 会立即被拒绝,并传递第一个被拒绝 Promise 的拒绝原因。

10、Promise.all()实现根据传入url顺序, 返回按序结果?

  • 用参数数组下标用来保证按序存储,循环的时候用变量记录和保证获取到了想要的所有数据,就比如说定义一个count循环的时候count++,起一个计数的作用,
  • 确保所有传入的 Promise 都被成功处理后,才会触发 resolve(res),解决返回的 Promise。这样可以保证返回的 Promise 在所有传入的 Promise 都完成后才会被解决,返回结果数组中的顺序也与传入的 Promise 数组保持一致。

      

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com