zoukankan      html  css  js  c++  java
  • [TypeScript] Use the JavaScript “in” operator for automatic type inference in TypeScript

    Sometimes we might want to make a function more generic by having it accept a union of different types as an argument. Using the JavaScript “in” operator, we can test for the presence of different properties on the argument object, and TypeScript will automatically infer the exact type of our object in that block. It does this by looking at all the possible types in the union and then keeping only the ones that have that specific property defined.

    interface Admin {
      id: string;
      role: string:
    }
    interface User {
      email: string;
    }
    
    function redirect(usr: Admin | User) {
      if(/*user is admin*/) {
        routeToAdminPage(usr.role);
      } else {
        routeToHomePage(usr.email);
      }
    }

    So in the code above, what we can write into the if block to ensure that, it is admin type, so that IDE won't complain that, 'role' or 'email' may not be defined on user object?

    Solution we can use is 'in' operator in Javascript:

    function redirect(usr: Admin | User) {
      if("role" in usr) {
        routeToAdminPage(usr.role);
      } else {
        routeToHomePage(usr.email);
      }
    }

    'in' operator check whether one prop is existing on the object but also helps Typescript to narrow down the type, in this case, helps to choose from 'Admin' or 'User'.

  • 相关阅读:
    用c和c++的方式实现栈
    类的static成员并用其实现一个单例模式
    windows安装mongodb
    centos 安装beanstalkd
    使用 OAuth2-Server-php 在 Yii 框架上搭建 OAuth2 Server
    Git Windows客户端保存用户名与密码
    PHP 输入流 php://input
    yii accessRules用法
    php curl
    yii 初步安装
  • 原文地址:https://www.cnblogs.com/Answer1215/p/10274217.html
Copyright © 2011-2022 走看看