typescript 交叉类型的实现示例
<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li><a href="#_label0">一，前言</a></li><li><a href="#_label1">二，交叉类型使用</a></li><li><a href="#_label2">三，注意事项</a></li></ul></div><p class="maodian"><a name="_label0"></a></p><h2>一，前言</h2><p>1，<strong>交叉类型是将多个类型合并为一个类型</strong>。 这让我们可以把现有的多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性</p>
<p class="maodian"><a name="_label1"></a></p><h2>二，交叉类型使用</h2>
<p>1.我们可以使用<code>type</code>来声明一个新的交叉类型</p>
<div class="jb51code"><pre class="brush:js;">interface A{
a:number
}
interface B{
b:string
}
type C = A & B //C 同时拥有A和B的所有属性
</pre></div>
<p>2.接口的交叉类型生成一个新的接口类型，含有两者的所有属性，<strong>在使用时，也要满足新的接口的形状</strong>。</p>
<p class="maodian"><a name="_label2"></a></p><h2>三，注意事项</h2>
<p>1.并不是所有类型都适合交叉类型，例如原子类型的交叉是没有意义的，<code>string & number</code> 是没有意义的，没有一种类型既是<code>string</code>也是<code>number</code></p>
<p>2.对于两个接口类型的交叉类型，当两个接口含有相同的属性时，若这两个属性的类型相同，则合并为这一个类型，若不同，那么整个交叉类型返回<code>never</code></p>
<div class="jb51code"><pre class="brush:js;">interface A{
a:number
}
interface B{
a:string
}
type C = A & B //C 是never类型
</pre></div>
<p>3.注意和联合类型区分开，一个是<strong>既是也是</strong>，一个是<strong>或者</strong></p>
頁:
[1]