打字稿对象转换错误

Question

我有两个类都实现了IFruit接口。简化的问题是我想在某些情况下用芒果代替苹果。但是下面的例子会导致编译器错误。

无法将'Mango'转换为'Apple'：类型'Mango'和'Apple'将属性'_element'定义为私有。

为什么这是一个问题？界面中不显示_element。它不应该被迫公开。

​​

Answer 1

有三种解决方案可以使用，选择是基于上下文的。

接口

因为私有成员有效地使它不可能对任何其他类型的在结构上一场比赛，你永远不能让一个Mango看起来像一个Apple。他们都完全满足IFruit接口，所以如果你是IFruit键入他们，他们是完全substituatble - 比如下面两个new Apple(e)和new Mango(e)IFruit类型注释 - 虽然这与它的工作只是Apple，例如：

interface IFruit { 
    getElement(): HTMLElement; 
} 

class Apple implements IFruit { 

    private _element; 

    constructor(element: HTMLElement) { 
     this._element = element; 
    } 

    getElement(): HTMLElement { 
     return this._element; 
    } 
} 

class Mango implements IFruit { 

    private _element; 

    constructor(element: HTMLElement) { 
     this._element = element; 
    } 

    getElement(): HTMLElement { 
     return this._element; 
    } 

} 

var e: HTMLElement; 
var a: IFruit = new Apple(e); 
var m: IFruit = new Mango(e); 
a = m; 

继承

你也可以使用继承来解决这个问题。 Apple和Mango可以访问的基础上保护_elementFruit类：

class Fruit { 
    protected _element : HTMLElement; 

    constructor(element: HTMLElement) { 
     this._element = element; 
    } 

    getElement(): HTMLElement { 
     return this._element; 
    } 
} 

class Apple extends Fruit { 
    constructor(element: HTMLElement) { 
     super(element); 
    } 
} 

class Mango extends Fruit { 
    constructor(element: HTMLElement) { 
     super(element); 
    } 
} 

var e: HTMLElement; 
var a = new Apple(e); 
var m = new Mango(e); 
a = m; 

公共

如果你想让他们不使用界面还是继承兼容，你需要做的财产公开：

interface IFruit { 
    getElement(): HTMLElement; 
} 

class Apple implements IFruit { 

    public _element; 

    constructor(element: HTMLElement) { 
     this._element = element; 
    } 

    getElement(): HTMLElement { 
     return this._element; 
    } 
} 

class Mango implements IFruit { 

    public _element; 

    constructor(element: HTMLElement) { 
     this._element = element; 
    } 

    getElement(): HTMLElement { 
     return this._element; 
    } 

} 

var e: HTMLElement; 
var a = new Apple(e); 
var m = new Mango(e); 
a = m;