牛客前端刷题—— JS基础

Posted 2022-11-23 不苒

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了牛客前端刷题—— JS基础相关的知识，希望对你有一定的参考价值。

还在担心面试不通过吗？给大家推荐一个超级好用的刷面试题神器：牛客网，里面涵盖了各个领域的面试题库，还有大厂真题哦！

赶快悄悄的努力起来吧，不苒在这里衷心祝愿各位大佬都能顺利通过面试。
面试专栏分享，感觉有用的小伙伴可以点个订阅，不定时更新相关面试题：面试专栏。

文章目录

🍉正文
🎃专栏分享：

🍉正文

本文内容来源出自《牛客网开发工具》

1、let const var 相关

var ——ES5 变量声明方式

 在变量未赋值时，变量undefined（为使用声明变量时也为undefined）
 作用域：var的作用域为方法作用域；只要在方法内定义了，整个方法内的定义变量后的代码都可以使用

let——ES6变量声明方式

  在变量为声明前直接使用会报错
  作用域——let为块作用域——通常let比var 范围要小
  let禁止重复声明变量，否则会报错；var可以重复声明

const——ES6变量声明方式
1. const为常量声明方式；声明变量时必须初始化，在后面出现的代码中不能再修改该常量的值
2. const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动

2、js数据类型，区别

基本数据类型：
Number，String，Boolean，null，undefined，symbol，bigint（后两个为ES6新增）
引用数据类型：
object，function（proto Function.prototype）
object：普通对象，数组对象，正则对象，日期对象，Math数学函数对象。
两种数据存储方式：
- 基本数据类型是直接存储在栈中的简单数据段，占据空间小、大小固定，属于被频繁使用的数据。栈是存储基本类型值和执行代码的空间。
- 引用数据类型是存储在堆内存中，占据空间大、大小不固定。引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址，当解释器寻找引用值时，会检索其在栈中的地址，取得地址后从堆中获得实体。
两种数据类型的区别：
1. 堆比栈空间大，栈比堆运行速度快。
2. 堆内存是无序存储，可以根据引用直接获取。
3. 基础数据类型比较稳定，而且相对来说占用的内存小。
4. 引用数据类型大小是动态的，而且是无限的。

3、Object.assign的理解

作用： Object.assign可以实现对象的合并
语法：

Object.assign(target, ...sources)

解析：

Object.assign会将source里面的可枚举属性复制到target，如果和target的已有属性重名，则会覆盖。
后续的source会覆盖前面的source的同名属性。
Object.assign复制的是属性值，如果属性值是一个引用类型，那么复制的其实是引用地址，就会存在引用共享的问题。

4、constructor的理解

参考答案：

创建的每个函数都有一个prototype（原型）对象，这个属性是一个指针，指向一个对象。在默认情况下，所有原型对象都会自动获得一个constructor（构造函数）属性，这个属性是一个指向prototype属性所在函数的指针。当调用构造函数创建一个新实例后，该实例的内部将包含一个指针（继承自构造函数的prototype），指向构造函数的原型对象。注意当将构造函数的prototype设置为等于一个以对象字面量形式创建的新对象时，constructor属性不再指向该构造函数。

5、map 和 forEach 的区别

相同点：
1. 都是循环遍历数组中的每一项
2. 每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组）
3. 匿名函数中的this都是指向window
4. 只能遍历数组
不同点：
- map()会分配内存空间存储新数组并返回，forEach()不会返回数据
- forEach()允许callback更改原始数组的元素。map()返回新的数组。

6、 for of 可以遍历哪些对象

for...of:它是es6新增的一个遍历方法，但只限于迭代器(iterator), 所以普通的对象用for..of遍历是会报错的。

可迭代的对象：包括Array, Map, Set, String, TypedArray, arguments对象等等

7、变量提升

概念： 作用域就是一个独立的地盘，让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。

ES6 之前 javascript 没有块级作用域,只有全局作用域和函数作用域。ES6 的到来，为我们提供了‘块级作用域’,可通过新增命令 let 和 const 来体现。

var ——ES5 变量声明方式

在变量未赋值时，变量undefined（为使用声明变量时也为undefined）
作用域——var的作用域为方法作用域；只要在方法内定义了，整个方法内的定义变量后的代码都可以使用

let——ES6变量声明方式

在变量为声明前直接使用会报错
作用域——let为块作用域——通常 let 比 var 范围要小
let禁止重复声明变量，否则会报错；var可以重复声明

const——ES6变量声明方式

const为常量声明方式；声明变量时必须初始化，在后面出现的代码中不能再修改该常量的值
const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动

8、 null 和 undefined 的区别，如何让一个属性变为null

undefined 表示一个变量自然的、最原始的状态值，而 null 则表示一个变量被人为的设置为空对象，而不是原始状态。所以，在实际使用过程中，为了保证变量所代表的语义，不要对一个变量显式的赋值 undefined，当需要释放一个对象时，直接赋值为 null 即可。

9、介绍下 Set、Map、WeakSet 和 WeakMap 的区别？

Set

成员不能重复；
只有键值，没有键名，有点类似数组；
可以遍历，方法有add、delete、has

WeakSet

成员都是对象（引用）；
成员都是弱引用，随时可以消失（不计入垃圾回收机制）。可以用来保存 DOM 节点，不容易造成内存泄露；
不能遍历，方法有add、delete、has；

Map

本质上是键值对的集合，类似集合；
可以遍历，方法很多，可以跟各种数据格式转换

WeakMap

只接收对象为键名（null 除外），不接受其他类型的值作为键名；
键名指向的对象，不计入垃圾回收机制；
不能遍历，方法同get、set、has、delete；

10、简单说说 js 中有哪几种内存泄露的情况

意外的全局变量；
闭包；
未被清空的定时器；
未被销毁的事件监听；
DOM 引用；

🎃专栏分享：

JavaScript相关面试题就更新到这里啦，相关 Web前端面试题可以订阅专栏哦🥰
专栏地址：《面试必看》
面试刷题神器：牛客网

⏳ $\\textcolorred 名言警句：说能做的，做说过的!$

✨ $\\textcolorblue原创不易，还希望各位大佬支持一下$

👍 $\\textcolorgreen点赞，你的认可是我创作的动力！$

⭐️ $\\textcolorgreen收藏，你的青睐是我努力的方向！$

✏️ $\\textcolorgreen评论，你的意见是我进步的财富！$