首页
学习
活动
专区
圈层
工具
发布

前端面试题合集

需要注意的是,立即resolve()的 Promise 对象,是在本轮“事件循环”(event loop)的结束时执行,而不是在下一轮“事件循环”的开始时。...创建闭包的最常见的方式就是在一个函数内创建另一个函数,创建的函数可以 访问到当前函数的局部变量。...但是通过闭包,我们最后还是可以拿到 a 变量的值闭包有两个常用的用途闭包的第一个用途是使我们在函数外部能够访问到函数内部的变量。...因此最后返回的不管是不是函数,也都不能说明没有产生闭包闭包的表现形式返回一个函数在定时器、事件监听、Ajax 请求、Web Workers 或者任何异步中,只要使用了回调函数,实际上就是在使用闭包。...变量提升当执行 JS 代码时,会生成执行环境,只要代码不是写在函数中的,就是在全局执行环境中,函数中的代码会产生函数执行环境,只此两种执行环境。

1.2K20

JavaScript 错误处理大全【建议收藏】

在我们的程序中,事情并非一帆风顺。 特别是在某些情况下,我们可能希望在停止程序或在发生不良状况时通知用户。例如: 程序试图打开一个不存在的文件。 网络连接断开。 用户进行了无效的输入。...(); } 在代码中我们检查函数的参数是否为字符串,如果不是则抛出异常。...如果异常是未捕获的,也就是说程序员没有采取任何措施来捕获它,则程序将会崩溃。 你在什么时候及在什么地方捕获代码中的异常取决于特定的用例。 例如,你可能想要在栈中传播异常,使程序完全崩溃。...如果失败了,或者决定不去捕获它,则异常可以在栈中冒泡。 从本质上讲,这还不错,但是在不同的环境下对未捕获的 rejection 的反应不同。...在回调模式中,异步 Node.js API 接受通过事件循环处理的函数,并在调用栈为空时立即执行。

8.2K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    常见报错

    Uncaught SyntaxError 未捕获的语法错误,最低级的错误,直接编译不通过。 通常情况是写错符号,比如for循环应该用分号的写了逗号,函数接受形参应该用逗号但是写了分号。...: xxx is not defined 通常是使用了一个未定义的变量 console.log(a); //Uncaught ReferenceError: a is not defined a =...10 Uncaught TypeError 未捕获类型错误:Uncaught TypeError...... show是一个变量不是一个函数!...Uncaught (in promise) 通常是promise抛出(reject)了一个错误,但是没有catch捕获它 var ajax = new Promise((resolve, reject...props给子组件传值,子组件可使用传过来的值,虽然props是在子组件定义的,但子组件不能直接修改props里面的值,但是如果props里的数据是array或object类型的可修改其属性或下标值,但仍不可以直接赋值

    4.3K10

    字节前端面试题

    ,也就是说当下一个开发者接触这一段不是他自己写的代码时,他可以更好的利用代码的组织反推出实际的业务逻辑,或者根据业务逻辑更好的理解代码。...不过catch方法还有一个作用,就是在执行resolve回调函数时,如果出现错误,抛出异常,不会停止运行,而是进入catch方法中。...从参数角度来看,GET请求一般放在URL中,因此不安全,POST请求放在请求体中,相对而言较为安全,但是在抓包的情况下都是一样的。...第一个是使用 React 的 Context API,最常见的用途是做语言包国际化第二个是使用全局变量与事件。第三个是使用状态管理框架,比如 Flux、Redux 及 Mobx。...冒泡和捕获是事件流在DOM中两种不同的传播方法事件流有三个阶段事件捕获阶段处于目标阶段事件冒泡阶段事件捕获事件捕获(event capturing):通俗的理解就是,当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播

    2.3K20

    JavaScript错误处理完全指南

    在代码中,你将主要使用 Error 和 TypeError 这两种最常见的类型来创建自己的错误对象。...如果这个异常 未捕获,即程序员没有采取任何措施来捕获它,则程序将崩溃。 在何时何地捕获代码中的异常取决于具体的用例。 例如,你可能想在堆栈中传播一个异常,以使程序完全崩溃。...浏览器引擎之类的主机环境使用许多 WebAPI 增强了 JavaScript,以同外部系统交互并处理 I/O 相关联的操作。 浏览器中的异步性示例包括超时、事件和 Promise。...如果我们失败了,或者决定不在这里捕获它,那么 异常就可以在堆栈中冒泡了。这本身并不坏,但是不同的环境对未捕获的拒绝的反应是不同的。...; 当我们从一个 async 函数中抛出异常时,异常将成为底层 Promise 被拒绝的原因。 可以使用 catch 从外部拦截任何错误。

    6.5K20

    滴滴前端高频面试题

    状态的改变是通过 resolve() 和 reject() 函数来实现的,可以在异步操作结束后调用这两个函数改变 Promise 实例的状态,它的原型上定义了一个 then 方法,使用这个 then 方法可以为两个状态的改变注册回调函数...注意: 在构造 Promise 的时候,构造函数内部的代码是立即执行的对原型、原型链的理解在JavaScript中是使用构造函数来新建一个对象的,每一个构造函数的内部都有一个 prototype 属性,...当使用构造函数新建一个对象后,在这个对象的内部将包含一个指针,这个指针指向构造函数的 prototype 属性对应的值,在 ES5 中这个指针被称为对象的原型。...一般来说不应该能够获取到这个值的,但是现在浏览器中都实现了 proto 属性来访问这个属性,但是最好不要使用这个属性,因为它不是规范中规定的。...,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。

    1.6K20

    前端面试复习计划,保熟~

    Promise对象接受一个回调函数作为参数, 该回调函数接受两个参数,分别是成功时的回调resolve和失败时的回调reject;另外resolve的参数除了正常值以外, 还可能是一个Promise...,该方法接受一个由Promise对象组成的数组作为参数(Promise.all()方法的参数可以不是数组,但必须具有Iterator接口,且返回的每个成员都是Promise实例),注意参数中只要有一个实例触发...需要注意的是,立即resolve()的 Promise 对象,是在本轮“事件循环”(event loop)的结束时执行,而不是在下一轮“事件循环”的开始时。...第一种情况是由于使用未声明的变量,而意外的创建了一个全局变量,而使这个变量一直留在内存中无法被回收。...第三种情况是获取一个 DOM 元素的引用,而后面这个元素被删除,由于我们一直保留了对这个元素的引用,所以它也无法被回收。第四种情况是不合理的使用闭包,从而导致某些变量一直被留在内存当中。

    1.5K40

    腾讯前端一面常考面试题_2023-03-13

    之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示使用方法: (1)创建一个和 html 同名的 manifest 文件,然后在页面头部加入 manifest 属性:的措施:操作DOM时,尽量在低层级的DOM节点进行操作不要使用table布局, 一个小的改动可能会使整个table进行重新布局使用CSS的表达式不要频繁操作元素的样式,对于静态页面,可以修改类名...(已失败)2、Promise对象接受一个回调函数作为参数, 该回调函数接受两个参数,分别是成功时的回调resolve和失败时的回调reject;另外resolve的参数除了正常值以外, 还可能是一个...,该方法接受一个由Promise对象组成的数组作为参数(Promise.all()方法的参数可以不是数组,但必须具有Iterator接口,且返回的每个成员都是Promise实例),注意参数中只要有一个实例触发...需要注意的是,立即resolve()的 Promise 对象,是在本轮“事件循环”(event loop)的结束时执行,而不是在下一轮“事件循环”的开始时。

    1.5K40

    2022秋招前端面试题(九)(附答案)

    虽然捕获阶段在规范中规定不允许响应事件,但是实际上还是会执行,所以有两次机会获取到目标对象。的原型设置为另外一个对象,这样根据原型链的规则,如果查找一个对象属性且在自身不存在时,就会查找另外一个对象,相当于一个对象可以使用另外一个对象的属性和方法了。...如果new一个箭头函数的会怎么样箭头函数是ES6中的提出来的,它没有prototype,也没有自己的this指向,更不可以使用arguments参数,所以不能New一个箭头函数。...但这还不是问题的关键,模板字符串的关键优势有两个:在模板字符串中,空格、缩进、换行都会被保留模板字符串完全支持“运算”式的表达式,可以在${}里完成一些计算基于第一点,可以在模板字符串里无障碍地直接写...:(1)存在性判定:在过去,当判断一个字符/字符串是否在某字符串中时,只能用 indexOf > -1 来做。

    3.1K30

    前端异常的捕获与处理

    :尝试引用一个未被定义的变量时,将会抛出此异常 SyntaxError:语法解析不合理 TypeError:类型错误,用来表示值的类型非预期类型时发生的错误 URIError:以一种错误的方式使用全局...onOk 使用普通函数时,函数内执行语句的 this 上下文为 Antd.Modal 组件的实例,而 Antd.Modal 组件不存在 changeFilterType 这个方法。...TypeError 类型在 JavaScript 中会经常遇到,在变量中保存着意外类型时,或者在访问不存在的方法时,都会导致这种错误。...IE 下会抛出 SyntaxError,因为 IE 不支持箭头函数,需要通过Babel等工具事先转译下 使用 JSON.parse 解析时出现异常就是一个很好的使用 try-catch 的场景: try...); } 并不是捕获到错误就结束了,捕获到错误后,我们需要思考当错误发生时: 错误是否是致命的,会不会导致其它连带错误 后续的代码逻辑还能不能继续执行,用户还能不能继续操作 是不是需要将错误信息反馈给用户

    5.3K30

    2022秋招前端面试题(六)(附答案)

    代码,打印出7,至此第一轮执行完成;指定微任务队列中的代码,打印出resolve的结果:5;执行宏任务中的第一个定时器setTimeout,首先打印出2,然后遇到 Promise.resolve().then...然后是实际的目标接受事件。最后一个阶段是时间冒泡阶段,可以在这个阶段对事件做出响应。虽然捕获阶段在规范中规定不允许响应事件,但是实际上还是会执行,所以有两次机会获取到目标对象。的使用场景:有些网站有换肤的功能,这时候就可以将换肤的信息存储在本地的LocalStorage中,当需要换肤的时候,直接操作LocalStorage即可在网站中的用户浏览信息也会存储在LocalStorage...当然了,虽然他们的用法可能不同,但是底层的机制都是一样的。都是当使用的时候再去下载对应文件,返回一个 Promise,当 Promise 成功以后去执行回调。.../test.js'复制代码对于以上情况,test 文件中的变量 b 如果没有在项目中使用到的话,就不会被打包到文件中。如果使用 Webpack 4 的话,开启生产环境就会自动启动这个优化功能。

    1.4K20

    前端必会面试题总结

    PNG是一种比较新的图片格式,PNG-8是非常好的GIF格式替代者,在可能的情况下,应该尽可能的使用PNG-8而不是GIF,因为在相同的图片效果下,PNG-8具有更小的文件体积。...后面是一个匿名自执行函数,在 if 条件中调用了函数 g(),由于在匿名函数中,又重新定义了函数g,就覆盖了外部定义的变量g,所以,这里调用的是内部函数 g 方法,返回为 true。...两个条件都成立,所以会执行条件中的代码, f 在定义是没有使用var,所以他是一个全局变量。因此,这里会通过闭包访问到外部的变量 f, 重新赋值,现在执行 f 函数返回值已经成为 false 了。...闭包的应用场景柯里化 bind模块实现函数原型方法call使用一个指定的 this 值和一个或多个参数来调用一个函数。...,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。

    82130

    JavaScript 异步编程指南 — 事件与回调函数 Callback

    在实际的业务开发中我们使用一些功能完备的 HTTP 请求模块,例如 node-fetch、nodejs/undici、axios 等,这些工具都是可以基于 Promise 的形式。...,另外一方面是异常的处理很麻烦,在一些同步的代码中我们可以像下面示例这样使用 try/catch 捕获错误。...() 做 try/catch 捕获,当我们调用 fs.readFile 并为其注册回调函数这个步骤对应异步 I/O 中是提交请求,而 callback 函数会被存放起来,等到下一个事件循环到来 callback...类似于这样的一个错误如果没有被捕获到,在单进程的应用程序中必然会导致进程退出,无关语言。...在延伸一点,Node.js 的 Process 对象为我们提供了两个事件可以用来捕获程序中出现的未捕获异常,方便程序优雅退出,这是笔者之前写的一篇文章,可以看看如何处理 Node.js 中出现的未捕获异常

    3K10

    关于 JavaScript 错误处理的最完整指南(上半部)

    在我们的代码中,主要还是使用Error和TypeError这两种最常见的类型来创建自己的错误对象 ?。...; throw null; 但是,最好避免这些事情:始终抛出正确的错误对象,而不是一些基本类型。 这样有助于在代码中,错误处理的一致性。...如果异常未被捕获,也就是说,程序员不采取任何措施来捕获它,程序将崩溃。 何时何地捕获代码中的异常取决于特定的用例。 例如,我们可能想在堆栈中传递一个异常,以使程序完全崩溃。...浏览器中异步操作有:定时器相关的函数、事件和 Promise。 异步中的错误处理不同于同步的错误处理。我们来看一些例子。 大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。...但这种做法意义不大,后面我们会使用 Promise 来解决这类的问题。 事件中错误处理 DOM 的事件操作(监听和触发),都定义在EventTarget接口。

    2.4K30

    关于 JavaScript 错误处理的最完整指南(下半部)

    如果我们失败了,或者决定不捕获它,异常可以在堆栈中自由冒泡。 使用 Promise 来处理定时器中的异常 使用定时器或事件无法捕获从回调引发的异常。...; 当从 async 函数抛出异常时,我们就可以使用 catch 来捕获。 最重要的是,除了这种方式外,我们可以还使用try/catch/finally,就像我们使用同步函数所做的一样。...使用 async generators 来处理错误 JavaScript中的async generators是能够生成 Promises 而不是简单值的生成器函数。...Node.js 中的异步错误处理:回调模式 对于异步代码,Node.js 主要使用这两种方式: 回调模式 event emitters 在回调模式中,异步 Node.js API 接受一个函数,该函数通过事件循环处理...在JavaScript程序中,可以通过多种方式来捕获异常。 同步代码中的异常是最容易捕获的。相反,异步中的异常需要一些技巧来处理。

    2.8K20

    总结一下最近前端面试被问到的题目吧

    :123[1, 2, 3]首先,定义了一个Promise,来异步执行函数runAsync,该函数传入一个值x,然后间隔一秒后打印出这个x。...之后再使用Promise.all来执行这个函数,执行的时候,看到一秒之后输出了1,2,3,同时输出了数组1, 2, 3,三个函数是同步执行的,并且在一个回调函数中返回了所有的结果。...TCP 协议在发送方维持了一个发送窗口,发送窗口以前的报文段是已经发送并确认了的报文段,发送窗口中包含了已经发送但 未确认的报文段和允许发送但还未发送的报文段,发送窗口以后的报文段是缓存中还不允许发送的报文段...这意味着在网页中定义的任何对象,变量和函数,都作为全局对象的一个属性或者方法存在。...线程是CPU调度的基本单位,线程的切换不会引起进程切换,但某个进程中的线程切换到另一个进程中的线程时,会引起进程切换。

    59440

    浅析前端异常及降级处理

    ,将引发该异常: image.png TypeError 传递给函数的操作数或实参与该操作符或函数期望的类型不兼容: image.png URIError 当全局URI处理函数以错误的方式使用时:...复制代码 2.动机 用来捕获promise代码中的错误 3.范围 使用Promise.prototype.catch()我们可以方便的捕获到异常,现在我们来测试一下常见的语法错误、代码错误以及异步错误...错误边界在渲染期间、生命周期方法和整个组件树的构造函数中捕获错误。...特定的错误信息,比如错误所在的生命周期钩子 // 只在 2.2.0+ 可用 } 复制代码 指定组件的渲染和观察期间未捕获错误的处理函数。...七、总结 异常处理是高质量软件开发中的一个基本部分,但是在许多情况下,它们会被忽略,或者是不正确的使用,而处理异常只是保证代码流程不出错,重定向到正确的程序流中去。

    2.2K10

    【Web技术】剖析前端异常及降级处理

    ,将引发该异常: image.png TypeError 传递给函数的操作数或实参与该操作符或函数期望的类型不兼容: image.png URIError 当全局URI处理函数以错误的方式使用时:...复制代码 2.动机 用来捕获promise代码中的错误 3.范围 使用Promise.prototype.catch()我们可以方便的捕获到异常,现在我们来测试一下常见的语法错误、代码错误以及异步错误...错误边界在渲染期间、生命周期方法和整个组件树的构造函数中捕获错误。...特定的错误信息,比如错误所在的生命周期钩子 // 只在 2.2.0+ 可用 } 复制代码 指定组件的渲染和观察期间未捕获错误的处理函数。...七、总结 异常处理是高质量软件开发中的一个基本部分,但是在许多情况下,它们会被忽略,或者是不正确的使用,而处理异常只是保证代码流程不出错,重定向到正确的程序流中去。

    2.1K10
    领券