zoukankan      html  css  js  c++  java
  • TS学习随笔(六)->断言

    now,我们来看一看TS里面的断言,听起来很上档次啊,其实看完你就发出惊叹,这就是断言啊

    类型断言

      类型断言(Type Assertion)可以用来手动指定一个值的类型

      语法  

      <类型>值

       或者

      值 as 类型

      注意:在 tsx 语法(React 的 jsx 语法的 ts 版)中必须用后一种。

    例子:将一个联合类型的变量指定为一个更加具体的类型

      之前提到过,当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法:

    function getLength(something: string | number): number {
        return something.length;
    }
    
    // index.ts(2,22): error TS2339: Property 'length' does not exist on type 'string | number'.
    //   Property 'length' does not exist on type 'number'.

    而有时候,我们确实需要在还不确定类型的时候就访问其中一个类型的属性或方法,比如:

    function getLength(something: string | number): number {
        if (something.length) {
            return something.length;
        } else {
            return something.toString().length;
        }
    }
    
    // index.ts(2,19): error TS2339: Property 'length' does not exist on type 'string | number'.
    //   Property 'length' does not exist on type 'number'.
    // index.ts(3,26): error TS2339: Property 'length' does not exist on type 'string | number'.
    //   Property 'length' does not exist on type 'number'.

    上例中,获取 something.length 的时候会报错。

    此时可以使用类型断言,将 something 断言成 string

    function getLength(something: string | number): number {
        if ((<string>something).length) {
            return (<string>something).length;
        } else {
            return something.toString().length;
        }
    }

    类型断言的用法如上,在需要断言的变量前加上 <Type> 即可。

    注意:类型断言不是类型转换,断言成一个联合类型中不存在的类型是不允许的

    function toBoolean(something: string | number): boolean {
        return <boolean>something;
    }
    
    // index.ts(2,10): error TS2352: Type 'string | number' cannot be converted to type 'boolean'.
    //   Type 'number' is not comparable to type 'boolean'.
  • 相关阅读:
    真机分享文件到虚拟机的centos 7 分享文件位置记录
    Linux系统列出某个用户组里的所有用户命令
    笔记之Linux命令vi
    笔记之Linux系统文件管理命令
    我的C#
    消息框
    ddt数据驱动在ui自动化中的应用二【多测师】
    ddt数据驱动在ui自动化中的应用一【多测师】
    基于ddt+unittest+Excel做接口测试自动化测试【多测师】
    Python操作MD5加密【多测师】
  • 原文地址:https://www.cnblogs.com/suihang/p/10612921.html
Copyright © 2011-2022 走看看