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'.

  • 相关阅读:
    【POJ3069】Saruman's Army
    【POJ2453】An Easy Problem
    【POJ2386】Lake Counting
    【POJ2251】Dungeon Master
    【POJ1664】放苹果
    【基础】枚举学习笔记
    算法时空复杂度【OI缩水版】
    【POJ2018】Best Cow Fences
    【POJ3889】Fractal Streets(分形图)
    【BZOJ2296】随机种子(构造)
  • 原文地址:https://www.cnblogs.com/Answer1215/p/10274217.html
Copyright © 2011-2022 走看看