首页 > 其他分享 >jira项目笔记23-ts中 as const 使用

jira项目笔记23-ts中 as const 使用

时间:2022-10-07 18:56:59浏览次数:51  
标签:jira const string firstname 23 lastname let 类型

概要

typescript在开发过程中广泛被应用,typescript的断言特性更是重中之重,今天和大家来讨论一下as const断言。
代码和讨论

我们首先来看一段代码, 如下:

let a:string = "aaa";
const b = "aaa";

以上代码除了const和let两个关键子本身的不同之外,就是a和b两个变量的实际类型是不同的。

    变量a实际为一种宽泛的字符串类型,只要是字符串,即可赋值给变量a
    变量b实际为一种具体的值类型,类型为“aaa”,不可被修改,因为其他任何字符串赋值给b,其类型都不会再是“aaa”类型,所以不能被修改。

综上,const关键字实际是将宽泛的类型,例如字符串,数字等转化为具体的值类型。 而as const则是将此特性用于断言之中,方便类型转换操作。
as const在数组中的应用

基于上述认知,我们看下一段代码:

let m = 100;
let n="abc";
let array = [m,n] ;
let f = array[0];
f = 2000;
f="aaa";

上述代码中,变量f可以被赋值为数字和字符串两种类型。原因就是变量m和n是两种类型,赋值给数组后,数组类型为宽泛的string | number类型。

这是我们在代码中应该尽量避免的情况,可以用as const断言将宽泛的数据类型限定为具体的数值类型。

let m = 100;
let n="abc";
let array = [m,n] as const;
let f = array[0];
f = 2000;

    通过as const限定后,数组类型变为readonly [number, string]
    准确来说,数组被限定成了一个元组,第一个数据的类型number,第二个是string
    f变量被数组的一个变量赋值后,其类型也就被限定成了一个数值类型。
    as const实现了从string | number到readonly [number, string]转化。

as const在解构中应用

我们先看如下代码:

function asConst(){
    let a:string = "abc";
    let b = (firstname:string,lastname:string):string => firstname + lastname;
    return [a,b];
}

let [p,q] = asConst();
console.log( q("Green","Tom"));

上述代码会直接编译失败,原因是系统认为变量q的类型是string | ((firstname: string, lastname: string) => string),编译器并不能认定q是一个函数。

我们也可以使用as const 将函数asConst的返回值由宽泛的string | ((firstname: string, lastname: string) => any)转化成具体的readonly [string,(firstname: string, lastname: string) => string],从而显示的表明q是函数类型的变量

function asConst(){
    let a:string = "abc";
    let b = (firstname:string,lastname:string):string => firstname + lastname;
    return [a,b] as const;
}

let [p,q] = asConst();
console.log( q("Green","Tom"));

  

上面代码也可以使用as做显示的类型转换,将宽泛的数组类型转换成具体的元组类型,代码如下:

function asConst(){
    let a:string = "abc";
    let b = (firstname:string,lastname:string):string => firstname + lastname;
    return [a,b] as [typeof a , typeof b];
}

let [p,q] = asConst();
console.log( q("Green","Tom"));

结论

as const断言,可以将代码中宽泛的数据类型定义具体话,从而避免我们在开发过程中,因为定义过于宽泛,造成的各种数据处理的错误,通过精准的数据类型定义,更好的管理我们前端代码。
 

标签:jira,const,string,firstname,23,lastname,let,类型
From: https://www.cnblogs.com/yao-655442/p/16760359.html

相关文章

  • 关于const在类中的一些总结
    const对象只能调用类的const方法,一般对象可以调用所有对外方法。 类的const方法实现内部:不能改变类的数据成员值,但是若有形参是此类的对象,且不是const型对象,那么通过这......
  • C4D 2023插件:Arnold for mac(C4D S2023阿诺德渲染器)
     Arnold是一款先进的蒙特卡洛光线追踪渲染器,专为动画长度和视觉效果的需求而打造。C4DtoA4.4.0使用Arnold7.1.3.1 ,是一个功能版本,带来了对Cinema4D2023中OCI......
  • PowerMill 2023软件安装包和安装教程
    PowerMill2023软件简介:PowerMill2023是款顶级的数控加工编程软件系统。能使用户方便有效地制造最复杂的模具、钢型和其他组件,具备完整的加工方案,对预备加工模型不需人为干......
  • JAVA23种设计模式综合项目(实战)
    随着软件开发人员人数的增多,一些公司急需一些高端人才。作为一个高端人才,设计面向对象软件是必不可少的能力,而软件设计是需要很深的功力,设计模式就要求你必须掌握,而本课程......
  • leetcode 889. Construct Binary Tree from Preorder and Postorder Traversal 根据前
    一、题目大意给定两个整数数组,preorder和postorder,其中preorder是一个具有无重复值的二叉树的前序遍历,postorder是同一棵树的后序遍历,重构并返回二叉树。如果存......
  • P2305 [NOI2014] 购票
    P2305[NOI2014]购票设\(f_{x}\)表示从\(x\)点跳到\(1\)的最少费用。考虑\(x\)的一个祖先\(u\),有\[f_x=f_{u}+\text{dis}_{u,x}\timesp_x+q_x\]其中需要满足......
  • AT2371 [AGC013E] Placing Squares
    AT2371[AGC013E]PlacingSquares设\(f_i\)表示考虑到第\(i\)个点的贡献之和且不考虑坏点。不难发现转移方程为\(f_n=\sum_{i=0}^nf_i\times(n-i)^2\)则当第\(n......
  • 代码随想录day13 ● 150. 逆波兰表达式求值 ● 239. 滑动窗口最大值 ● 347.前 K
    150.逆波兰表达式求值解题步骤:第一步:创建一个栈;第二步:遍历整个数组;第三步:判断遍历到的元素是运算符还是数字;数字:直接压入栈中运算符:将栈顶两个元素做相应运......
  • POJ - 2348 Euclid's Game
    Euclid'sGame博弈很经典的博弈了首先明确每个状态必然都对应着一个局面,先手必败\(or\)先手必胜如果当前局面对于先手来说是能够选择的,也就是\(b>=a*2\),对于一......
  • P1823 [COI2007] Patrik 音乐会的等待
    用单调队列维护即可,注意要考虑高度相同的情况(可以记录单调队列中相同的个数)。时间复杂度为\(O(n)\)。#include<bits/stdc++.h>usingnamespacestd;#defineintlong......