文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

一篇文章搞懂TypeScript

比 any 更安全，比如声明了一个对象为 unkonw 要读取属性或调用方法时需要先进行具体类型判断或用 as 进行类型断言，收窄类型后才能读取 void：没有任何返回值的函数，声明一个 void 类型的变量没有什么用...空值合并运算符 ?. 可选链操作符，用在获取对象的深层属性或方法前 ?...ts 支持面向对象的所有特性，比如：类、接口等 类可以通过 implements 去实现接口 interface 修饰符：public / private / protected / abstract.../ static(js中也有) 泛型 泛型相当于一个占位符，可以理解成函数参数，使用的时候传进来的是什么，在内部就可以用用占位符去使用，一般多用于函数中，使用时用一对尖括号加上占位符，多用字母 T...关键字 extends js 中 class 类实现继承 ts 的 interface 接口实现继承 判断类型包含 as 类型断言，将一个大范围的类型收窄 in 遍历，从多个类型中去遍历出每个类型

26010

一篇文章搞懂TypeScript

比 any 更安全，比如声明了一个对象为 unkonw 要读取属性或调用方法时需要先进行具体类型判断或用 as 进行类型断言，收窄类型后才能读取void：没有任何返回值的函数，声明一个 void 类型的变量没有什么用...空值合并运算符?. 可选链操作符，用在获取对象的深层属性或方法前?...支持面向对象的所有特性，比如：类、接口等类可以通过 implements 去实现接口 interface修饰符：public / private / protected / abstract / static...(js中也有)泛型泛型相当于一个占位符，可以理解成函数参数，使用的时候传进来的是什么，在内部就可以用用占位符去使用，一般多用于函数中，使用时用一对尖括号加上占位符，多用字母 T 占位。...ts 的 interface 接口实现继承判断类型包含as类型断言，将一个大范围的类型收窄in遍历，从多个类型中去遍历出每个类型keyofts 2.1 版本中引入，用于获取某种类型中的所有键，返回的是联合类型

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

    Hutool工具包-常用开发工具类（让代码更简洁）

    一、简介 Hutool是一个小而全的Java工具类库，通过静态方法封装，降低相关API的学习成本，提高工作效率 Hutool是项目中“util”包友好的替代，它节省了开发人员对项目中公用类和公用工具方法的封装时间..."; /** * 字符串常量：双点 {@code ".."} * 用途：作为指向上级文件夹的路径，如：{@code ".....5.1、最简单方式构建Tree TreeNode表示一个抽象的节点，也表示数据库中一行数据 第一个参数id 第二个参数父id 第三个参数id的名称 第四个参数顺序，越小优先级越高 默认0（没顺序字段写...null就行） TreeUtil.build(nodeList, "0")中的0表示顶层id为0，查询0下级的数据（不包括0） // 构建node列表 List> nodeList...如何处理 // 构建node列表 List> nodeList = CollUtil.newArrayList(); nodeList.add(new TreeNode

    91810

    Mybatis 解析配置文件的源码解析

    PropertyParser ： 属性解析器 TokenHandler ： 占位符解析器，是一个接口，由子类自己实现解析规则 GenericTokenParser ： 通用的占位符解析器，用来处理 #{...GenericTokenParser parser = new GenericTokenParser("${", "}", handler); return parser.parse(string); } // 占位符的一个实现类...GenericTokenParser parser = new GenericTokenParser("${", "}", handler); GenericTokenParser 类是一个通用的占位符解析器...，如解析 #{} 和 ${}等占位符，它的 parse() 方法会按照顺序查找占位符的开始标记和结束标记以及解析得到的占位符的字面值，然后将其交给占位符处理器 VariableTokenHandler进行处理...，在 该方法中，会通过 GenericToenParser 去解析占位符，之后得到一个字面值字符串属性，然后在 通过 VariableTokenHandler的 handleToken 方法 去属性集合里面查找对应的值

    1.2K40

    SQL函数 JSON_ARRAY

    ABSENT ON NULL NULL ON NULL - 可选-指定如何在返回的JSON数组中表示空值的关键字短语。...NULL ON NULL(缺省值)表示带有单词NULL(未引号)的NULL(缺少)数据。在NULL上不存在将从JSON数组中省略空数据；它不会保留占位符逗号。此关键字短语对空字符串值没有影响。...数字字符串以文字形式返回，用双引号括起来。所有其他数据类型(例如，DATE或$LIST)都作为字符串返回。 Json_array不支持将星号(*)语法作为指定表中所有字段的方式。...%SQLUPPER(JSON_ARRAY(f1，f2))在JSON数组之前插入一个空格，而不是在数组元素之前插入一个空格；因此它不会强制将数字解析为字符串。...JSON数组中不包括占位符。这可能会导致JSON数组具有不同数量的元素。

    4.5K20

    用一次就爱上的 Array.from —— 构建 m*n 数组的绝对优雅姿势

    (0) 这个长度为n，值全为0的数组的引用作为.fill()的值，所以最终生成的数组每个元素都是相同的长度为n，初始值为0的数组。...（如字符串、Set、Map 等）创建一个新的数组，还可以接受一个映射函数来处理每个元素。...一个合法的类数组对象，一般满足这两个条件： 拥有一个非负整数的 length 属性； 属性名为 "0", "1", "2"... 等数字字符串的键，对应下标访问。...类数组与可迭代对象之间没有确定的关系： 常见类数组名称 示例 是否可迭代 arguments 对象 函数内部的 arguments ❌（ES6 前） DOM 的 NodeList document.querySelectorAll...'] ③构建范围数组 这种写法比 for 循环优雅太多了，尤其用于 mock 数据、初始化结构时非常实用。

    16310

    【算法】342- JavaScript常用基础算法

    一个算法只是一个把确定的数据结构的输入转化为一个确定的数据结构的输出的function。算法内在的逻辑决定了如何转换。...3、快速排序 //快速排序 function qSort(arr) { //声明并初始化左边的数组和右边的数组 var left = [], right = []; //使用数组第一个元素作为基准值...原地（in-place）分区算法描述 从数列中挑出一个元素，称为"基准"（pivot），数组第一个元素的位置作为索引。...遍历数组，当数组数字小于或者等于基准值，则将索引位置上的数与该数字进行交换，同时索引+1 将基准值与当前索引位置进行交换 通过以上3个步骤，就将以基准值为中心，数组的左右两侧数字分别比基准值小或者大了。...最后返回一个已经排好序的index值用于下次递归，该索引对应的值一定比索引左侧的数组元素小，比所有右侧的数组元素大。

    65340

    ES6的扩展运算符（...）---数组篇

    接着上周的ES6的扩展运算符，我们这周主题是数组与扩展运算符（...）; 与数组一起扩展运算符的作用其实就是将数组转换成用逗号分隔的参数序列； let a =[1,2,...[3,4,5]] //a =...// ES5 [2,3].concat([7,8]); // ES6 [2,3,...[7,8]]; 3.将字符串转成真正的数组 var a = [...'...x\uD83D\uDE80y'].length // 3 4.将具有Iterator接口的对象，转为真正的数组。...var nodeList = document.querySelectorAll('div'); var array = [...nodeList]; nodeList是一个类数组，使用扩展运算符可以将类数组转换成真正的数组...总之...和数组一起有三种用法： (1) 展开运算；例如数组合并、作为函数参数、字符串转数组 (2) 剩余运算；数组的解构赋值 (3) 转数组：将具有iterator接口的对象转换成真正的数组 所以关于扩展运算符

    67620

    Javascript数组方法(ES5-ES6)

    join() ES5 join(speparator):将数组的元素组起一个字符串,spearator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数,即分隔符。...在排序时,sort()方法会调用每个数组项的toString()转型方法,然后比较得到的字符串,以确定如何排序。...这个方法会先创建当前数组的一个副本,然后将接收到的参数添加这个副本的末尾,最后返回新构建的数组。在没有concat()方法传递参数的情况下,它只是复制当前数组并返回副本。...字符串 扩展运算符还可以将字符串转为真正的数组 console.log([...'...这种特性可以让该方法的用法非常灵活。 Array.from()的另一个应用是,将字符串转为数组,然后返回字符串的长度。

    1.3K10

    深入理解拓展运算符与剩余运算符：功能、用法与区别

    拓展运算符（Spread Operator）由三个连续的点 ... 表示，用于将一个可迭代对象（例如数组、字符串等）展开成多个元素。...位置不同：拓展运算符用于函数调用、数组或对象的右侧；剩余运算符通常用在函数参数或解构赋值的左侧。 功能不同：拓展运算符将集合分解成单个元素；剩余运算符则将多个元素合并成一个数组或对象。...2、展开字符串 拓展运算符也可以将字符串展开成字符数组： const str = "Hello"; const chars = [...str]; // ['H', 'e', 'l',...= { ...obj }; shallowCopy.y.z = 3; console.log(obj.y.z); // 3 （因为是浅拷贝） 4、与Array.from的结合 拓展运算符对于将类数组对象转换为真正的数组非常有用...使用拓展运算符（...）将 nodeList 展开为单个元素，然后将这些元素放入一个新数组 nodeArray 中。最终结果是 nodeArray 变成一个数组，其中包含了所有的 元素。

    28800

    Web前端面试题目及答案汇总

    3、如何消除一个数组里面重复的元素？ ? 4、想实现一个对页面某个节点的拖曳？如何做？（使用原生JS）。 5、在Javascript中什么是伪数组？如何将伪数组转化为标准数组？...伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。...典型的是函数的argument参数，还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组。...8、手写数组快速排序 “快速排序”的思想很简单，整个排序过程只需要三步： （1）在数据集之中，选择一个元素作为”基准”（pivot）。...9、统计字符串”aaaabbbccccddfgh”中字母个数或统计最多字母数。 ? 10、写一个function，清除字符串前后的空格。（兼容所有浏览器） ?

    5.8K20

    Python 为什么要有 pass 语句？

    1、对人：作为空间占位符 我把它看作是一种言简意赅的注释方式，等于是说“这里先预留位置，回头再补上具体的代码实现”。...pass 写起来简单，而且由于是关键字，IDE 会给出显眼的颜色区分，所以就比我们写上注释内容来得方便些。 pass 作为空间占位符，主要可以方便我们构思局部的代码结构，有一定的辅助提醒作用。...对人方面，pass 可以表示“暂时跳过”的含义，作为临时的占位符，最终会被实际的代码实现所替换；对机器方面，它则可以表示“直接跳过”，只为了补齐语法逻辑，并不会被其它代码所替换。...其它语言没有专门的一种语句或者符号来表示这种占位符（即语义有所欠缺），但是它们也不需要费心思专门设计一个关键字来补齐语法完整性（即语法完备）。...Python 使用 pass 语句，是为了支持纯粹空操作的代码块（空函数、空类、空的循环控制块等等），有了它，还能额外表达出一种占位符的语义。

    73430

    Python 为什么要有 pass 语句？

    1、对人：作为空间占位符 我把它看作是一种言简意赅的注释方式，等于是说“这里先预留位置，回头再补上具体的代码实现”。...pass 写起来简单，而且由于是关键字，IDE 会给出显眼的颜色区分，所以就比我们写上注释内容来得方便些。 pass 作为空间占位符，主要可以方便我们构思局部的代码结构，有一定的辅助提醒作用。...对人方面，pass 可以表示“暂时跳过”的含义，作为临时的占位符，最终会被实际的代码实现所替换；对机器方面，它则可以表示“直接跳过”，只为了补齐语法逻辑，并不会被其它代码所替换。...其它语言没有专门的一种语句或者符号来表示这种占位符（即语义有所欠缺），但是它们也不需要费心思专门设计一个关键字来补齐语法完整性（即语法完备）。...Python 使用 pass 语句，是为了支持纯粹空操作的代码块（空函数、空类、空的循环控制块等等），有了它，还能额外表达出一种占位符的语义。

    1.7K10

    【云+社区年度征文】webpack 学习笔记系列01-基础命令与常见配置

    webpack 是一个模块打包工具，能够从一个 JavaScript 文件开始，构建一个依赖关系图（dependency graph）映射项目中每个模块，然后将这个依赖关系图输出到一个或者多个 bundle...chunk 或 bundle，可以完成 loader 不能完成的任务 2.2 占位符 2.2.1 常见占位符 webpack 支持占位符，可灵活用于后面介绍的配置中，常见的有： hash：模块 module...后的字符串 function：一个能 return 出一个 string 作为 filename 的函数 2.2.2 三种 hash 对比 关于 hash 和 chunkhash，二者都可以指定长度，如...会自动生成另外一个入口模块并加载数组指定的模块 entry: ['....一个 webpack 的配置，可以包含多个 entry，但是只能有一个 output，但可以通过 name 占位符语法来区分： module.exports = { entry: {

    1.5K90

    【万字长文】TypeScript入门指南

    比如，你有一个数组，它包含了不同的类型的数据unknown类型unknown类型比any类型更安全就像所有类型都可以被归为 any，所有类型也都可以被归为 unknown。...2、类型断言的用途（1）将一个联合类型推断为其中一个类型（2）将一个父类断言为更加具体的子类（3）将任何一个类型断言为 any（4）将 any 断言为一个具体的类型原型：let fn = function...('#list li')console.log(list)//NodeList 实例对象是一个类似数组的对象，它的成员是节点对象。...TS -- 8)ES6提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。...}}抽象类(TypeScript8)用关键词abstract修饰的类称为 abstract 类（抽象类）应用场景如果你写的类实例化之后毫无用处此时我可以把他定义为抽象类或者你也可以把他作为一个基类 ->

    1.2K42

    python会忽略pass语句吗_Python 为什么要有 pass 语句？

    1、对人：作为空间占位符  我把它看作是一种言简意赅的注释方式，等于是说“这里先预留位置，回头再补上具体的代码实现”。  ...pass 写起来简单，而且由于是关键字，IDE 会给出显眼的颜色区分，所以就比我们写上注释内容来得方便些。  pass 作为空间占位符，主要可以方便我们构思局部的代码结构，有一定的辅助提醒作用。  ...对人方面，pass 可以表示“暂时跳过”的含义，作为临时的占位符，最终会被实际的代码实现所替换；对机器方面，它则可以表示“直接跳过”，只为了补齐语法逻辑，并不会被其它代码所替换。  ...其它语言没有专门的一种语句或者符号来表示这种占位符(即语义有所欠缺)，但是它们也不需要费心思专门设计一个关键字来补齐语法完整性(即语法完备)。  ...Python 使用 pass 语句，是为了支持纯粹空操作的代码块(空函数、空类、空的循环控制块等等)，有了它，还能额外表达出一种占位符的语义。

    1.7K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券