2024年前端最全前端面试小记,2024大厂Web前端面试题精选

最后

前15.PNG

前16.PNG

由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  1. 介绍一下JS的数据类型?

简单类型:StringNumberBooleanNullUndefined

复杂类型:Object

&

扩展:

  1. null与undefined有什么区别
答:`null` 表示一个对象被定义了,值为“空值”,而`undefined` 表示不存在这个值。  
正因为这个原因,所以使用`typeof`判断是,`null`返回的是`object`,而`undefined`返回的是`undefined`。(判断两者时需要使用`===`严格判断)
  1. Boolean类型在进行判断的时候设置为 0、-0、null、“”、false、undefined 或 NaN,则该对象设置为 false。否则设置为 true(即使 value 参数是字符串 “false”)
  1. 如何通过JS判断一个数组?
  1. instanceof方法
var arr = []; 
arr instanceof Array; // true
  1. constructor方法
var arr = []; 
arr.constructor == Array; //true
  1. 特性判断法
function isArray(object){
      return  object && typeof object==='object' &&    
      typeof object.length==='number' &&  
      typeof object.splice==='function' &&    
       //判断length属性是否是可枚举的 对于数组 将得到false  
      !(object.propertyIsEnumerable('length'));
}
  1. 最简单的方法
Object.prototype.toString.call(value) == '[object Array]'
// 利用这个方法,可以写一个返回数据类型的方法
var isType = function (obj) {
     return Object.prototype.toString.call(obj).slice(8,-1); 
}
var a = new Array(123);
var b = new Date();
console.log(Array.isArray(a)); //true
console.log(Array.isArray(b)); //false
&  
扩展:
1.  使用`instaceof`和`construcor`,被判断的`array`必须是在当前页面声明的。比如,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个`array`,并将其赋值给父页面的一个变量,这时判断该变量,`Array == object.constructor;`会返回`false`。
2.  最简单的方法,在IE6下判断`null`和`undefined`,有一些bug,判断`undefined`和`null`均为`Object`,(并不是`bug`,是在ES3的标准下返回的就为`Object`)
  1. 谈一谈letvar的区别?

let为ES6新添加申明变量的命令,它类似于var,但是有以下不同:

  1. let命令不存在变量提升,如果在let前使用,会导致报错
  1. 暂时性死区,如果块区中存在letconst命令,就会形成封闭作用域
  1. 不允许重复声明,因此,不能在函数内部重新声明参数
  1. mapforEach的区别?

因为平时基本只用forEach,所以这个很尴尬,索性就把新增的数组方法都刷一遍吧。

  1. forEach方法,是最基本的方法,就是遍历与循环,默认有3个传参:分别是遍历的数组内容item、数组索引index、和当前遍历数组Array。另外,除去第一个必须的回调函数参数,还可以接受一个上下文参数(改变回调函数的this指向);并且forEach不会遍历空元素。
  1. map方法,基本用法与forEach一致,但是不同的,它会返回一个新的数组,所以在callback需要有return值,如果没有,会返回undefined。(从字面理解,map就是映射的意思)
  1. filter方法,用法和map很相似,从字面理解,就是过滤、筛选的意思。但是函数的callback需要返回布尔值truefalse,并且返回值只需要为弱等==即可。
  1. some 方法,对数组中每一项运行指定函数,如果该函数对任一项返回true,则返回true。(一旦遇到true,就会中断循环,返回true,类似于||判断)
  1. every方法,对数组中的每一项运行给定函数,如果该函数对每一项返回true,则返回true。(一旦遇到false,就会中断循环,返回false,类似于&&判断)
  1. indexOf方法,与字符串中的indexOf类似,返回数组索引值,如果没有匹配,则会返回-1,第二个参数为可选,表示从当前位置开始搜索。
  1. lastIndexOf方法,与indexOf相似,只是是从数组的末尾开始查找,而第二个参数的默认值是array.length - 1
  1. reduce方法,字面意思应该是‘减少’,但是实际是‘递归’的意思。实际就是应用一个函数针对数组的两个值(从左到右),以减至一个值。它的callback接收4个参数:之前值(上一次循环返回的值)、当前值、索引值以及数组本身。initialValue参数可选,表示初始值。
  1. reduceRight方法,与reduce方法类似,只是从数组的末尾开始实现。
  1. 谈一谈你理解的函数式编程?

what?函数编程就是函数编程啊,还有什么理解??

现在查了一下,才知道,原来没有那么简单!!!

简单说,“函数式编程"是一种"编程范式”(programming paradigm),也就是如何编写程序的方法论。

它具有以下特性:闭包和高阶函数、惰性计算、递归、函数是"第一等公民"、只用"表达式",不用"语句"(都会有返回值)、没有"副作用"、不修改状态、引用透明性。

具体的特性代表了什么,我还要好好研究一下!!

  1. 谈一谈箭头函数与普通函数的区别?

平时用的很爽,但是还真没有考虑过这个问题!!

  1. 箭头函数使得表达更加简洁。(这个是废话)
  1. 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。
  1. 不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。

最后前端到底应该怎么学才好?

如果你打算靠自己摸索自学,那么你首先要了解学习前端的基本大纲,这是你将要学习的主要内容,理解以及掌握好这些内容,便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程,作为初学者最好的方式就是看视频教程学习,初学者容易理解接受。

不要选择买书学习,这样的方式没有几个人能学会,基本都是看不下去书,也看不懂书。如果喜欢看书的学弟,可以买一些经典的书籍作为辅助即可,主要还是以看教程为主。每天抽出固定几个小时学习,做好长期学习的准备。学习编程并不是每天光看视频,你学习编程最重要的目的是为了编写软件产品,提供给大众使用,所以用手写出代码实现功能才是我们要做的事情。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

ttps://img-blog.csdnimg.cn/187f1f54cfd94cf7b88a363ffa363f10.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h6aXQ0OTQ4MDE4MzE=,size_16,color_FFFFFF,t_70#pic_center)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值