Naming of TypeScript union and intersection types
I can't understand the logic behind the terms intersection types and union types in TypeScript. I'm thinking of interfaces (or classes) as sets of properties.
The logical conjunction operator & is equivalent to intersection in set theory, defined as:
The intersection of two sets A and B, is the set containing all elements of A that also belong to B
In TypeScript, an Intersection Type is also built using the & operator and is defined as:
The intersection type of interface
Colorfuland interfaceCircleis a new type that has all the members ofColorfulandCircle
This is the exact opposite of how intersection is defined in mathematics and set theory.
I'm sure there is another way of looking at it, but I cannot figure it out.
Here's another way to think about it. Consider four sets: Blue things, red things, big things, and small things.
If you intersect the set of all blue things and all small things, you end up with the union of the properties -- everything in the set has both the blue property and the small property.
But if you took the union of blue small things and red small things, only the smallness property is universal in the resulting set. Intersecting "blue small" with "red small" produces "small".
In other words, taking the union of the domain of values produces an intersected set of properties, and vice versa.
In image form:
- Route "/[locale]" used `params.locale`. `params` should be awaited before using its properties
- Uncaught TypeError: Typescript extension method not a function
- Typescript: Retrieve element type information from array type
- i18next + react router : My URL isn't changing correctly when language is switched
- Vue's ref doesn't maintain types of nested private properties
- Can I run a function after navigating to a new page and waiting for that page to finish loading?
- how to change angular stepper progress color when next step active
- Why does instanceof Observable return false in my tests?
- VS Code not doing type checking on typescript files
- Passing Gitbeaker API client between functions
- Consuming multiple properties via @Input() decorator in Angular 2
- Absolute Imports: React and Typescript
- Typescript: How can I make entries in an ES6 Map based on an object key/value type
- TypeScript's as const v JavaScript's Map object
- Jest/Typescript: Mock class dependencies containing private members in jest and typescript
- 'imports' is only valid on a component that is standalone
- NX Unable to complete project graph creation. Worker stopped with exit code: 1
- nest start removes my json files from dist
- TypeScript with React's useContext? property does not exist
- How can I infer the generic type parameters of a generic parameter in typescript?
- Converting Backbone structures to TypeScript
- How to fetch default action in +page.server.ts file in SvelteKit
- TypeScript recommended project structure with modules
- NestJS NATS request-response
- Is there a way to have a negative number as a key of an index signature?
- Testing vue3 computed properties with TypeScript SFC
- Axios return as specific type
- Arrow functions with untyped parameters resolve to undefined when inferring their types
- Wrap generic function
- find function isn't working properly in angular and firebase