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

分享 30 道 TypeScript 相关面的面试题

它们允许函数和方法根据输入类型表现不同,而不会丢失类型信息。常见的类型保护包括使用 typeof、instanceof 和用户定义的类型保护函数。...24、TypeScript 中方法重载和函数重载有什么区别? 答案:TypeScript 支持函数重载,即为单个函数声明多个函数类型。然后,编译器将根据函数调用的参数使用适当的类型。...但是,TypeScript 不支持传统的方法重载(您可以定义多个具有相同名称但参数不同的方法)。 相反,您可以使用可选参数或联合类型来实现类似的功能。...答:装饰器是作为 JavaScript 提案引入的,是可用于修改或扩展类属性、方法等的特殊函数。在 TypeScript 中,当装饰器应用于类成员时,它们会提供元数据或更改被装饰元素的行为。...答:声明合并是指编译器将多个同名的声明合并到一个定义中。此功能对于接口非常强大:如果多次定义一个接口,TypeScript 会将其视为具有组合成员的单个接口。

59730

将Kotlin代码编译成Javascript 代码

在Kotlin和Javascript平台的互操作过程中,往往会涉及Kotlin代码和 Javascript 代码相互转换的过程,本文主要介绍如何将Kotlin代码编译成Javascript 代码。...除非我们要创建一个不同的项目,否则我们可以在输入项目名称和位置后点击Finish。 项目创建完成后,项目结构如下图所示: 2,新建项目 接下来,可以开始编写Kotlin代码。...{module}.js:真正的应用代码,所有的应用代码最终都会编译成一个 JavaScript 文件并与模块的名字同名。...,我们可以看到编译后的代码定义了一个函数并赋值给了一个与模块名同名的变量,然后通过传入的 Kotlin 变量来调用 define rootPackage 函数。...编译前的代码只有一个 main 函数,编译之后该函数被添加了后缀,这么做的目的主要是为了防止重载 Kotlin 中的代码,Kotlin 中的这部分功能是为了将源码转换成对应的 javascript 代码

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

学习react-redux,看这篇文章就够啦!

# 设计 actions Actions 是具有 type 字段的普通 JavaScript 对象,来描述操作行为。...一个 action 对象通常包含一个 type 字段来描述 action 的类型,以及可选的 payload 字段来携带额外的数据,type 字段是一个字符串,用于识别 action 的类型,而 payload...# 拆分 reducers -store 如何将一个复杂的业务仓库,按功能模块拆分为多个小仓库方便管理维护 ? 例如,一个应用可能有多个状态需要管理,比如用户信息、购物车、主题等等。...} />; 在示例代码中,首先创建了一个包含了多个动作创建函数的 actionCreators 对象。...# hooks 函数 react-redux 库提供了多个钩子(hooks)函数,用于 react 组件访问 redux 的状态和操作。

22820

【RunnerGo】(四)如何理解RunnerGo各个功能模块如何使用——接口管理

搜索:输入接口或目录名称,支持模糊搜索、完全匹配 2....新建接口: 点击新建接口后,会在右侧接口区tab栏新打开一个接口框,默认名称为新建接口(由于不允许接口名称重复,所以如果已经存在相同名称,需要修改接口名称后,才可对接口进行操作) 3....前置URL:由于我们有多个环境、多个服务,所以我们可以提前定义好不同的服务对应不同的域名(环境管理模块)再次引用或者直接输入,方便我们调试不同环境的接口。...、x-www-from-urlencoded、raw等,raw又包括:json、xml、javascript、plain、html等。...,条件只可选择等于或不等于 选择响应头后,则字段列无需填写,只需选择条件及填写值即可,条件只可选择包含、不包含、为空、不为空 选择响应体后,则需填写字段、选择条件、填写值 当条件为为空和不为空时,值不用填写

22620

JSON神器之jq使用指南指北

如果左边的那个产生多个结果,那么右边的那个将为每个结果运行。因此,表达式.[] | .foo检索输入数组的每个元素的“foo”字段。 请注意,.a.b.c与 相同.a | .b | .c。...只要每个输入最多产生一个输出,递归调用recurse就不会消耗额外的内存。f walk(f) 该walk(f)函数递归地应用于输入实体的每个组件。...当遇到一个数组时,f首先应用于其元素,然后应用于数组本身;当遇到一个对象时,首先将 f 应用于所有值,然后再应用于该对象。在实践中,f 通常会测试其输入的类型,如下面的示例所示。...builtins 返回格式为 的所有内置函数的列表name/arity。由于具有相同名称但不同数量的函数被认为是单独的函数,因此all/0,all/1和all/2都将出现在列表中。...我们已经在左侧看到了简单的字段访问,数组访问也同样有效也就不足为奇了: .posts[0].title = "JQ Manual" 令人惊讶的是,左边的表达式可能会产生多个结果,指的是输入文档中的不同点

28.1K30

HTML 表单和约束验证的完整指南

客户端与服务器端验证 在语言早期编写的大多数 JavaScript 代码处理客户端表单验证。即使在今天,开发人员仍花费大量时间编写函数来检查字段值。这在现代浏览器中仍然必要吗?可能不是。...JavaScript 的日期输入组件,请停止并远离您的键盘!...CSS 验证样式 您可以将以下伪类应用于输入字段以根据当前状态对其进行样式设置: 选择器 描述 :focus 重点领域 :focus-within 一个元素包含一个具有焦点的字段(是的,它是一个父选择器...当它这样做时,分配给该字段的任何自定义验证功能将依次执行。必须全部返回true才能使该字段有效。 无效字段具有invalid应用于字段的父元素的类,该类使用 CSS 显示红色帮助消息。...如有必要,使用一点 JavaScript 来启用自定义验证和消息。 对于更复杂的字段,逐步增强标准输入。 最后:忘记 Internet Explorer!

8.2K40

分享15个有用的,你可能还不知道的CSS小技巧,建议每个前端开发者都了解下

例如,你可以使用calc()函数将一个元素的宽度设置为视口宽度的50%减去20像素,从而实现自适应布局。 使用calc()函数可以使你的CSS更具灵活性和可维护性,同时帮助你轻松实现动态计算的效果。...required 和 :optional 伪类可以根据表单输入字段是否标记为必填或可选来设置样式。...这对于向用户提供关于特定表单字段重要性的视觉提示非常有帮助。 通过使用 :required 和 :optional 伪类,你可以根据表单输入字段的要求状态设置相应的样式。...例如,你可以改变输入框的边框颜色或标签的样式,以突出显示必填字段或区分可选字段。这样的样式设置有助于向用户传达表单字段的重要性和要求。...通过利用 :required 和 :optional 伪类,你可以为表单输入字段提供可视化的提示,帮助用户更好地理解和填写表单,并提高用户体验。

16540

Rust模块系统

一个 crate 会将一个作用域内的相关功能分组到一起,使得该功能可以很方便地在多个项目之间共享。 2.2 包 包(package) 是提供一系列功能的一个或者多个 crate。...,还应用于结构体、枚举、函数和方法。...如果我们在一个结构体定义的前面使用了 pub,这个结构体会变成公有的,但是这个结构体的字段仍然是私有的。如果要将字段公有化,则还需要分别在字段前使用 pub 关键字。...绝对路径和相对路径都后跟一个或多个由双冒号 :: 分割的标识符。...使用 use 引入函数时,习惯将函数的父模块引入到作用域,这样可以清晰地表明函数不是在本地定义的,同时使完整路径的重复度最小化。

42230

编写高质量可维护的代码:Awesome TypeScript

JavaScript 原生没有命名空间,需要手动创建命名空间,来进行模块化。并且,JavaScript 允许同名函数的重复定义,后面的定义可以覆盖前面的定义。这也给我们开发和维护大型应用带来了不便。...私有字段不能在包含的类之外访问,甚至不能被检测到。Javascript 的类中是没有私有字段的,如果想模拟私有字段的话,必须要用闭包来模拟。...私有字段以 # 字符开头。...泛型允许同一个函数接受不同类型参数,相比于使用 Any 类型,使用泛型来创建的组件可复用和易扩展性要更好,因为泛型会保留参数类型。泛型可以应用于接口、类、变量。...,并声明一个构造函数的类型参数,然后在函数体里面返回 c 这个类构造出来的对象即可。

2.4K10

使用 JavaScript 理解面向对象编程的四大支柱

虽然JavaScript不是一门完全面向对象的语言,但您仍然可以利用面向对象编程的核心原则编写更清晰、更易维护的代码。...闭包是一种机制,它使内部函数能够访问其外部函数的变量和参数,即使外部函数已经执行完毕。闭包通过将实际代码(函数体)与函数在执行期间可以访问的变量和参数一起打包来实现封装。...这些更改会自动应用于所有派生类,降低了维护工作量,并确保代码库的一致性。多态: ‍♂️术语'多态'意味着具有多种形式。多态的概念使我们能够在各种场景中执行不同的操作。...您不需要显式指示正在覆盖方法,因为JavaScript使用基于原型的继承模型,通过在子类中定义具有相同名称的方法,实现方法的覆盖。...子类中的新方法有效地替换了基类中具有相同名称的方法,使您能够在不同的场景中执行不同的操作,这符合多态的概念。我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!

20300

JavaFX WebView概述,很强大,内置了类似Electron的功能

在WebView中运行的JavaScript可以调用Java API,而Java API可以调用在WebView中运行的JavaScript。...嵌入式浏览器继承了Node类的所有字段和方法,因此具有其所有功能。 它封装了一个WebEngine对象,将HTML内容合并到应用程序的场景中,并提供了应用效果和转换的属性和方法。...WebView   使开发人员可以在其Java应用程序中实现以下功能: 从本地或远程URL呈现HTML内容 支持历史记录并提供前进和后退导航 重新加载内容 将效果应用于Web组件 编辑HTML内容 执行...最常用的JSObject方法是getMember(读取命名属性),setMember(设置或定义属性)和call(调用函数值属性)。...这是一个JavaScript对象,充当Java对象的代理,因为访问JavaRuntimeObject的属性将导致访问具有相同名称的Java字段或方法。

10.2K41

零基础小白如何学习好web前端JS

JavaScript中可通过调用转型函数Boolean()来将值转化为布尔值。...4、String类型 字符串可以由单引号(')或双引号(")表示,用以表示由零或多个16位的Unicode字符组成的字符序列即字符串。 5、Number类型 JavaScript 只有一种数字类型。...6、Object数据类型 又称为对象,是一组数据和功能(函数)的集合。可以用new操作符后跟要创建的对象类型的名称来创建。也可以用字面量表示法创建。...在其中添加不同名(包含空字符串在内的任意字符串)的属性。另外,ES6引入了一种新的原始数据类型Symbol,表示独一无二的值,它是JavaScript语言的第七种数据类型。...JS是一种直译式脚本语言广泛应用于客户端,它是一种具有动态类型,弱类型以及基于原型的语言,主要的作用是给HTML网页增加动态功能,是企业招聘面试过程中比较重视的问题,因此你必须要掌握好JS。

61020

Kotlin入门(13)类成员的众生相

有了输入参数,还得声明对应的属性字段,用来保存入参的数值。...1、属性字段跟构造函数的入参,不但名称一样,并且变量类型也是一样的; 2、初始化函数中给属性字段赋值,为了区别同名的属性与入参,特意给属性字段添加了前缀“this.”; 你一拍脑袋,嘀咕道:说的也是。...其实此处的代码逻辑很简单,仅仅是把构造函数输入参数保存到类的属性中,不管输入参数有几个,该类都依样画瓢声明同样数量的属性字段并加以赋值。...如果某个字段并非入参的同名属性,则需在类内部显示声明该属性字段。...,具体参见《Kotlin入门(9)函数的基本用法》和《Kotlin入门(10)七十二变的输入参数》,这里不再赘述。

55920

了解ASP.NET MVC几种ActionResult的本质:EmptyResult & ContentResult

《EmptyResult & ContentResult》和《FileResult》)我们剖析了EmptyResult、ContentResult和FileResult这三种ActionResult是如何将...中] 目录 一、JavaScriptResult 二、实例演示:通过JavaScriptResult返回字段在客户端自动执行的JavaScript 三、JsonResult...;", "application/x-javascript"); 16: } 17: } 二、实例演示:通过JavaScriptResult返回字段在客户端自动执行的JavaScript...Action方法ProcessOrder用于处理提交的购买订单,如果订购商品的数量没有超过库存量(通过一个静态字典字段stock表示),则通过调用alert函数提示“购物订单成功处理”,否则提示“库存不足...RecursionLimit { get; set; } 9: } JavaScriptSerializer具有两个整型的属性MaxJsonLength和RecursionLimit,它们对应着JsonResult的同名属性

1.7K50

了解ASP.NET MVC几种ActionResult的本质:JavaScriptResult & JsonResult

《EmptyResult & ContentResult》和《FileResult》)我们剖析了EmptyResult、ContentResult和FileResult这三种ActionResult是如何将...中] 目录 一、JavaScriptResult 二、实例演示:通过JavaScriptResult返回字段在客户端自动执行的JavaScript 三、JsonResult...;", "application/x-javascript"); 16: } 17: } 二、实例演示:通过JavaScriptResult返回字段在客户端自动执行的JavaScript...Action方法ProcessOrder用于处理提交的购买订单,如果订购商品的数量没有超过库存量(通过一个静态字典字段stock表示),则通过调用alert函数提示“购物订单成功处理”,否则提示“库存不足...RecursionLimit { get; set; } 9: } JavaScriptSerializer具有两个整型的属性MaxJsonLength和RecursionLimit,它们对应着JsonResult的同名属性

1.7K80

前端JS手写代码面试专题(一)

如果obj2中的属性与obj1中的属性同名,则obj2中的属性会 覆盖obj1中的相应属性。...这是因为在合并时,后面对象的属性会覆盖前面对象中同名的属性。所以,这种方法适用于确保新添加的信息优先级高于旧信息的场景。 这种方法的优势在于简洁和不修改原始对象。...比如累积和的一个例子是:输入数组 => 10, 15, 20, 25, 30。输出数组 => 10, 25, 45, 70, 100,如何实现呢?...8、如何将包含连字符(-)和下划线(_)的字符串转换为驼峰命名风格呢? 在JavaScript开发中,对字符串的处理是日常任务中不可或缺的一部分。...那么,如何将包含连字符(-)和下划线(_)的字符串转换为驼峰命名风格呢?例如,字符串“secret_key_one”会被转换为“secretKeyOne”。

9710

从 DFS 到回溯法,再看 N 皇后问题

如果是最优化问题,还可以使用限界函数剪去那些不可能含有最优解的子树。约束函数和限界函数目的相同,都是为了剪去不必要搜索的子树,减少问题求解所需实际生成的状态结点数,他们统称为剪枝函数。...OK,以上是概念介绍,下面来一道经典之经典之经典的回溯算法题:N皇后 n 皇后问题 研究的是如何将 n 个皇后放置在 n×n 的棋盘上,并且使皇后彼此之间不能相互攻击。...示例 1: 输入:n = 4 输出:[[".Q..","...Q","Q...","..Q."],["..Q.","Q...","...Q",".Q.."]]...本层集合中元素(树中节点孩子的数量就是集合的大小)) { 处理节点; backtracking(路径,选择列表); // 递归 回溯,撤销处理结果 } } JavaScript...return result }; 代码作者:carlsun-2,已验证通过; ---- 回溯算法跟 DFS 深度搜索算法都很经典,需同步理解,对比、吸收; 我是掘进安东尼,公众号同名

28010

JavaScript 装饰器介绍

冲~ 简介 在 JavaScript 中,装饰器有一种特殊的语法。它们以 @ 符号为前缀,放置在我们需要装饰的代码之前。另外,可以一次使用多个装饰器。...总的来说,我们可以在 JavaScript 中分出 3 种类型的装饰器: 函数装饰器——用函数来包装函数。 类装饰器—— 一次应用于整个类。...如果尝试使用相同的方法,将会报错 TypeError: 如果你对 JavaScript this 关键字理解透彻,可以克服这个问题。但这不是最简单方法。 类装饰器应用于整个类。...Calculator 类作为参数,并返回一个新函数来替换 Calculator 类的构造函数; 类成员装饰器 类成员装饰器应用于类中的单个成员。...Log() 函数接受单个参数作为输入,当我们调用装饰器 (@log('Multiply')) 时,我们可以将值传递给该参数。

39220

Javascript的10个设计缺陷

设计者做梦也想不到,Javascript将来可以写出像Gmail这种极其庞大复杂的网页。 2. 没有先例 Javascript同时结合了函数式编程和面向对象编程的特点,这很可能是历史上的第一例。...不适合开发大型程序 Javascript没有名称空间(namespace),很难模块化;没有如何将代码分布在多个文件的规范;允许同名函数的重复定义,后面的定义可以覆盖前面的定义,很不利于模块化加载。...非常小的标准库 Javascript提供的标准函数库非常小,只能完成一些基本操作,很多功能都不具备。...全局变量难以控制 Javascript的全局变量,在所有模块中都是可见的;任何一个函数内部都可以生成全局变量,这大大加剧了程序的复杂性。   ...回答是Javascript并不算糟糕,相反它的编程能力很强大,前途很光明。 首先,如果遵守良好的编程规范,加上第三方函数库的帮助,Javascript的这些缺陷大部分可以回避。

76581
领券