首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过 20 个棘手的ES6面试问题来提高咱们的 JS 技能

默认参数:默认参数使咱们可以使用默认值初始化函数。当参数省略或 undefined 时使用默认参数值。 ?...创建它们的唯一方法是使用以下方法中的Symbol构造函数 let symbol = Symbol(); 问题 5: 在 ES6 中使用展开(spread)语法有什么好处?...主题: JavaScript 难度: ⭐⭐⭐ ES6 的展开语法在以函数形式进行编码时非常有用,因为咱们可以轻松地创建数组或对象的副本,而无需求助于Object.create,slice或库函数。...this/arguments,因此它们取决于外部上下文 使用命名函数(箭头函数是匿名的) 使用函数作为构造函数时(箭头函数没有构造函数) 当想在对象字面是以将函数作为属性添加并在其中使用对象时,因为咱们无法访问...它们与模型并不完全对应,因此通常需要选择一个特定的scheme或辅助方法来实现原型中的类。 问题 18: ES6 Map 和 WeakMap 有什么区别?

1.5K10

每天10个前端小知识 【Day 10】

前端面试基础知识题 1. es5 中的类和es6中的class有什么区别? 在es5中主要是通过构造函数方式和原型方式来定义一个类,在es6中我们可以通过class来定义类。...new 命令生成实例'); } } let obj = {} Person.call(obj, 'red') // 此时使用非new的调用方式就会报错 class类有static静态方法 static...但是如果有些任务很慢时(比如Ajax操作从网络读取数据),我还是要等结果在执行后一个任务吗?于是,有了一种异步任务。...Promise.all 和 Promise.allSettled 有什么区别?...因此,当用Promise.allSettled时,我们只需专注在then语句里,当有promise被异常打断时,我们依然能妥善处理那些已经成功了的promise,不必全部重来。

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

    通过 20 个棘手的ES6面试问题来提高咱们的 JS 技能

    默认参数:默认参数使咱们可以使用默认值初始化函数。当参数省略或 undefined 时使用默认参数值。...创建它们的唯一方法是使用以下方法中的Symbol构造函数 let symbol = Symbol(); 问题 5: 在 ES6 中使用展开(spread)语法有什么好处?...主题: JavaScript 难度: ⭐⭐⭐ ES6 的展开语法在以函数形式进行编码时非常有用,因为咱们可以轻松地创建数组或对象的副本,而无需求助于Object.create,slice或库函数。...this/arguments,因此它们取决于外部上下文 使用命名函数(箭头函数是匿名的) 使用函数作为构造函数时(箭头函数没有构造函数) 当想在对象字面是以将函数作为属性添加并在其中使用对象时,因为咱们无法访问...它们与模型并不完全对应,因此通常需要选择一个特定的scheme或辅助方法来实现原型中的类。 问题 18: ES6 Map 和 WeakMap 有什么区别?

    85010

    20个ES6面试高频问题

    默认参数:默认参数使咱们可以使用默认值初始化函数。当参数省略或 undefined 时使用默认参数值。...创建它们的唯一方法是使用以下方法中的Symbol构造函数 let symbol = Symbol(); 问题 5: 在 ES6 中使用展开(spread)语法有什么好处?...主题: JavaScript难度: ⭐⭐⭐ ES6 的展开语法在以函数形式进行编码时非常有用,因为咱们可以轻松地创建数组或对象的副本,而无需求助于Object.create,slice或库函数。...this/arguments,因此它们取决于外部上下文 使用命名函数(箭头函数是匿名的) 使用函数作为构造函数时(箭头函数没有构造函数) 当想在对象字面是以将函数作为属性添加并在其中使用对象时,因为咱们无法访问...它们与模型并不完全对应,因此通常需要选择一个特定的scheme或辅助方法来实现原型中的类。 问题 18: ES6 Map 和 WeakMap 有什么区别?

    1.3K40

    50道JavaScript详解面试题,你需要了解一下

    当左侧操作数为null或未定义时,它将返回右侧操作数。 16、getElementsByTagName是JavaScript函数吗?...33、为什么在导入模块时使用别名? 大多数时候,我们处理具有默认命名约定的简单导入,除此之外,有时我们不得不处理名称,因为有的名称较长。在这种情况下,使用别名是有帮助的。...当两个线程或异步进程必须完成自身操作以更新某些共享状态时,否则将出现错误或不良结果。 43、class关键字在JavaScript中有什么作用?...使JavaScript更加面向对象只是语法上,即使使用class关键字,JavaScript仍会使用原型继承。 44、 queueMicrotask队列中的任务是在后进先出的基础上执行的。真的吗?...48、window.localStorage和window.sessionStorage有什么区别? 它们都将值对存储在Web浏览器中,但是sessionStorage在浏览器关闭后会删除存储的值。

    3.5K40

    2025新鲜出炉--前端面试题(一)

    1. vue3有用过吗, 和vue2之间有哪些区别 是的,我有使用过 Vue 3。...3. webpack和rollup这两个什么区别, 你会怎么选择 Webpack 和 Rollup 有以下区别: 我会根据项目需求来选择。...表达基本操作的执行次数与输入规模的关系:使用大O符号表示法来描述这种关系。 空间复杂度是指算法在执行过程中临时占用存储空间的大小。...表达空间占用与输入规模的关系:同样使用大O符号表示法。 12. promise你平时有哪些使用场景? Promise 是 JavaScript 中用于处理异步操作的一种机制。...异步文件操作:例如,在 Node.js 中读取文件时,可以使用 fs.promises API。 数据库操作:在处理数据库查询时,很多数据库库都支持使用 Promise。

    21810

    14万字 | 400多道JavaScript 面试题及详细答案(建议收藏)

    91 Native 、Host 和User objects之间有什么区别? 92 用于调试 JavaScript 代码的工具或技术有哪些? 93 promises相对于回调的优缺点是什么?...355 回流和重绘有什么区别? 356 否定数组会发生什么? 357 如果我们添加两个数组会发生什么? 358 在假值上添加加法运算符的输出是什么? 359 如何使用特殊字符创建自字符串?...因此,只能使用方括号表示法访问。..."; 使用方括号表示法:当属性的名称是动态确定的时,此解决方案很有用。...此表达式的语法表示为以逗号分隔的零或多对属性名称和对象关联值的列表,用花括号 ({}) 括起来。这也称为字面表示法。它是创建对象的方法之一。

    12.7K20

    如果才能做好准备好前端面试_2023-02-27

    > 给父元素添加 overflow:hidden 或者 auto 样式,触发BFC class="container...background-color: #aaa; overflow:hidden; zoom:1; /*IE6*/ } 使用伪元素,也是在元素末尾添加一个点并带有 clear: both...代表想要获取的数据 done 布尔值,false表示当前指针指向的数据有值,true表示遍历已经结束 Iterator 的作用有三个: 创建一个指针对象,指向当前数据结构的起始位置。...箭头函数能当构造函数吗? 普通函数通过 function 关键字定义, this 无法结合词法作用域使用,在运行时绑定,只取决于函数的调用方式,在哪里被调用,调用位置。...图片 绿色的线表示执行解析 HTML ,蓝色的线表示请求文件,红色的线表示执行文件 当渲染引擎解析 HTML 遇到 script 标签引入文件时,会立即进行一次渲染。

    48720

    社招前端二面面试题总结_2023-02-23

    其公开了与平台⽆关的通⽤接⼝,⽽在底层使⽤操作系统的⽤户界⾯⽅法。 JavaScript 解释器。⽤于解析和执⾏ JavaScript 代码。 数据存储 这是持久层。...则序列化的结果将只得到空对象; 3、如果obj里有函数,undefined,则序列化的结果会把函数或 undefined丢失; 4、如果obj里有NaN、Infinity和-Infinity,则序列化的结果会变成...quickSort(left), cur, ...quickSort(right)]; } // console.log(quickSort([3, 6, 2, 4, 1])); 计算属性和watch有什么区别...当需要在数据变化时执行异步或开销较大的操作时,应该使用watch,使用watch选项允许执行异步操作(访问一个API),限制执行该操作的频率,并在得到最终结果前,设置中间状态。...Webpack 能处理 CSS 吗: Webpack 在裸奔的状态下,是不能处理 CSS 的,Webpack 本身是一个面向 JavaScript 且只能处理 JavaScript 代码的模块化打包工具

    1K20

    前端工作面试经典问题(超级全)

    浏览器同一时间可以从一个域名下载多少资源? 有什么例外吗? 请说出三种减少页面加载时间的方法。...HTML 和 XHTML 有什么区别? 如果页面使用 'application/xhtml+xml' 会有什么问题吗? 如果网页内容需要支持多语言,你会怎么做?...在设计和开发多语言网站时,有哪些问题你必须要考虑? data-属性的作用是什么? 如果把 HTML5 看作做一个开放平台,那它的构建模块有哪些?...你用过媒体查询,或针对移动端的布局/CSS 吗? 你熟悉 SVG 样式的书写吗? 如何优化网页的打印样式? 在书写高效 CSS 时会有哪些问题需要考虑? 使用 CSS 预处理器的优缺点有哪些?...你有兼容 retina 屏幕的经历吗?如果有,在什么地方使用了何种技术? 请问为何要使用 translate() 而非 absolute positioning,或反之的理由?为什么?

    1.1K80

    手写Promise完整介绍

    Promise的特性首先,让我们来介绍一下:Promise有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。...初始状态为pending,当异步操作完成时,可以变为fulfilled或rejected。Promise具有链式调用的特性。通过then方法可以注册回调函数,在异步操作完成后执行这些回调函数。...Promise对象;race方法接收一个包含多个Promise对象的数组,并在任意一个Promise对象成功或失败时返回相应结果。...value:表示promise成功时的返回值,默认为undefined。reason:表示promise失败时的错误原因,默认为undefined。...' // 声明一个常量REJECTED,表示Promise的失败状态class MyPromise { constructor(executor) { this.state = PENDING

    43030

    在现代 JavaScript 中编写异步任务

    这就是为什么这种方式的代码被称为观察者模式的原因,在这种情况下,它最好由 addEventListener 接口来表示。很快,暴露这种模式的事件发送器库或框架开始蓬勃发展。...Promise、包装和链模式 当 Promises 最初被宣布为 JavaScript 语言的新成员时,并没有引起太多关注,它们并不是一个新概念,因为其他语言在几十年前就已经实现了类似的实现。...现在我们有了一个易于阅读和规范的代码。 对返回值进行的后续操作无需存储在不会破坏代码节奏的 mkdir 之类的变量中;也无需在以后的步骤中创建新的作用域来访问 result 的值。...可以肯定地说,Promise 是该语言中引入的基本工件,对于在 JavaScript 中启用 async/await 表示法是必需的,你可以在现代浏览器和最新版本的 Node.js 中使用它。...当尝试使用JavaScript解决更复杂的难题时,我们看到了对更成熟语言的需求,并且我们尝试了以前不曾在网上看到的体系结构和模式。

    2.4K30

    据说看了这篇文章的小伙伴,都找到前端工作了,不信试试看

    * 浏览器同一时间可以从一个域名下载多少资源? * 有什么例外吗? * 请说出三种减少页面加载时间的方法。...* HTML 和 XHTML 有什么区别? * 如果页面使用 'application/xhtml+xml' 会有什么问题吗? * 如果网页内容需要支持多语言,你会怎么做?...* 在设计和开发多语言网站时,有哪些问题你必须要考虑? * 使用 `data-` 属性的好处是什么? * 如果把 HTML5 看作做一个开放平台,那它的构建模块有哪些?...* 你有兼容 retina 屏幕的经历吗?如果有,在什么地方使用了何种技术? * 请问为何要使用 `translate()` 而非 *absolute positioning*,或反之的理由?...* 你使用过 Promises 及其 polyfills 吗? 请写出 Promise 的基本用法(ES6)。 * 使用 Promises 而非回调 (callbacks) 优缺点是什么?

    1K70

    ECMAScript 2015 (ES6) in Node.js(译)

    有哪些特性在Node.js中是默认开启的(不需要设置运行时标志位)?...Map数据结构) Map WeakMap Set WeakSet Typed Arrays(中文参考:TypedArray视图) Generator函数(中文参考:Generator函数) 二进制和八进制表示法...(中文参考:二进制和八进制表示法) 对象字面量增强(中文参考:对象的扩展) Promises对象(中文参考:Promise对象) 字符串的扩展(中文参考:字符串的扩展) Symbols(中文参考:Symbol...node --v8-options | grep "in progress" 我现有的生产环境中已经使用了--harmony标志位,我应该移除它吗?...在这之后,我们可以使用它的同义词--es_staging。如前所述,有一些已经完成的特性,还没有被考虑为stable状态。

    911100

    JAVA设计模式9:桥接模式,将抽象部分与实现部分分离

    在桥接模式中,抽象部分由一个抽象类或接口表示,实现部分由一个或多个具体类表示,桥接模式的关键是通过抽象类中包含一个指向实现类的引用,从而将抽象部分和实现部分分离。...当一个类需要在多个平台或系统上进行扩展时,使用桥接模式可以使得扩展部分独立于抽象部分。...当需要在多个平台或系统上进行扩展时,使用桥接模式。桥接模式可以使得扩展部分独立于抽象部分,可以方便地在不同的平台或系统上进行修改和扩展。 以下是 4 个桥接模式常见的应用场景,请同学们认真学习。...你能解释一下吗? 桥接模式和其他设计模式有什么区别? 桥接模式的优点是什么? 桥接模式的缺点是什么? 你能给一个实际的例子来说明桥接模式的应用吗? 桥接模式和适配器模式有什么区别?...何时应该使用桥接模式? 桥接模式和组合模式有什么区别? 桥接模式是否会增加代码的复杂性? 桥接模式是否符合单一职责原则和开闭原则?

    41940

    面渣逆袭:Java基础五十三问,快来看看有没有你不会的!

    ,int age){ this.name=name; this.age=age; } 引用本类的构造函数 20.抽象类(abstract class)和接口(interface)有什么区别...接⼝的⽅法默认是 public ,所有⽅法在接⼝中不能有实现(Java 8 开始接⼝⽅法可以有默认实现),⽽抽象类可以有⾮抽象的⽅法。...jdk9 的接⼝被允许定义私有⽅法 。 总结⼀下 jdk7~jdk9 Java 中接⼝的变化: 在 jdk 7 或更早版本中,接⼝⾥⾯只能有常量变量和抽象⽅法。...静态⽅法和实例⽅法有何不同? 类似地。 静态方法:static修饰的方法,也被称为类方法。在外部调⽤静态⽅法时,可以使⽤"类名.⽅法名"的⽅式,也可以使⽤"对象名.⽅法名"的⽅式。...1.泛型类: //此处T可以随便写为任意标识,常见的如T、E、K、V等形式的参数常用于表示泛型 //在实例化泛型类时,必须指定T的具体类型 public class Generic{ private

    76331
    领券