Come ridurre javascript oggetto per contenere solo oggetti di interfaccia

Question

Quando si utilizza dattiloscritto un'interfaccia dichiarata potrebbe essere la seguente:

interface MyInterface { 
    test: string; 
} 

E un'implementazione con la proprietà in più potrebbe essere simile a questo:

class MyTest implements MyInterface { 
    test: string; 
    newTest: string; 
} 

Esempio (qui la variabile 'ridotta' contiene ancora la proprietà 'newTest'):

var test: MyTest = {test: "hello", newTest: "world"} 

var reduced: MyInterface = test; // something clever is needed 

Domanda

In modo generale, come si può fare la variabile 'ridotto' per contenere solo le proprietà dichiarate nell'interfaccia 'MyInterface'.

Perché

Il problema si verifica quando si cerca di utilizzare la variabile 'ridotta' con angular.toJson prima di inviarlo a un servizio di riposo - il metodo toJSON trasforma la variabile Newtest, anche se non è accessibile sul istanza durante la compilazione, e questo rende il servizio di riposo non accetta il json poiché ha proprietà che non dovrebbero essere lì.

Answer 1

Possibilmente un duplicato di:

TypeScript or JavaScript type casting

devi "lanciare" il tuo valore a un tipo diverso.

alcuni buoni esempi sono anche qui: http://blogs.microsoft.co.il/gilf/2013/01/18/using-casting-in-typescript/

this.span = <HTMLSpanElement>document.createElement('span'); 

speranza che questo ha aiutato?

Answer 2

Nel tuo esempio Newtest proprietà non sarà accessibile attraverso il ridotto variabile, in modo che l'obiettivo di utilizzare i tipi. Il dattiloscritto porta il controllo del tipo, ma non manipola le proprietà dell'oggetto.

Answer 3

Si sta tentando di impostare/assegnare solo le proprietà elencate solo sull'interfaccia? Funzionalità del genere non è disponibile in TypeScript, ma è molto semplice scrivere una funzione per eseguire il comportamento che stai cercando.

interface IPerson { 
 
    name: string; 
 
} 
 

 
class Person implements IPerson { 
 
\t name: string = ''; 
 
} 
 
class Staff implements IPerson { 
 
\t name: string = ''; 
 
    position: string = ''; 
 
} 
 

 
var jimStaff: Staff = { 
 
    name: 'Jim', 
 
    position: 'Programmer' 
 
}; 
 

 
var jim: Person = new Person(); 
 
limitedAssign(jimStaff, jim); 
 
console.log(jim); 
 

 
function limitedAssign<T,S>(source: T, destination: S): void { 
 
    for (var prop in destination) { 
 
     if (source[prop] && destination.hasOwnProperty(prop)) { 
 
      destination[prop] = source[prop]; 
 
     } 
 
    } 
 
}

Answer 4

In modo generale, come si può fare la variabile 'ridotto' per contenere solo le proprietà dichiarate nell'interfaccia 'MyInterface'.

Dal dattiloscritto è strutturale questo significa che tutto ciò che contiene le informazioni pertinenti tipo compatibile e quindi assegnabili.

Detto questo, TypeScript 1.6 otterrà un concetto chiamato freshness.Questo renderà più facile per la cattura chiare errori di battitura (nota di freschezza vale solo per opporsi letterali):

// ERROR : `newText` does not exist on `MyInterface` 
var reduced: MyInterface = {test: "hello", newTest: "world"}; 

Answer 5

TS 2.1 è diffuso oggetto e di riposo, quindi è possibile ora:

var my: MyTest = {test: "hello", newTest: "world"} 

var { test, ...reduced } = my; 

Dopo quello ridotto conterrà tutte le proprietà ad eccezione di "test".