Jak zmniejszyć obiekt JavaScript, żeby zawierać tylko właściwości z interfejsem

Question

podczas korzystania maszynopis zadeklarowana interfejs mógłby wyglądać następująco:

interface MyInterface { 
    test: string; 
} 

i realizacja dodatkowo własności może być tak:

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

Przykład (tutaj zmienna "zredukowana" nadal zawiera właściwość "test nowej"):

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

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

Pytanie

W sposób ogólny, jak można zrobić zmienną „” to tylko obniżoną zawierają właściwości zadeklarowane w interfejsie „MyInterface”.

Dlaczego

Problem występuje, gdy próbuje użyć „zmniejszona zawartość” zmienną angular.toJson przed wysłaniem go do serwisu reszta - metoda toJSON przekształca zmienną newTest, nawet jeśli nie jest dostępny na instancja podczas kompilacji, a to sprawia, że ​​usługa reszta nie akceptuje json, ponieważ ma właściwości, które nie powinny tam być.

Answer 1

Ewentualnie duplikat:

TypeScript or JavaScript type casting

Trzeba "cast" swoją wartość do innego typu.

kilka dobrych przykładów są również tutaj: http://blogs.microsoft.co.il/gilf/2013/01/18/using-casting-in-typescript/

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

nadzieję, że to pomogło?

Answer 2

W przykładzie newTest nieruchomość nie będzie dostępna thru zmniejszona zmienną, więc to jest cel używania typy. Maszynopis przynosi sprawdzanie typu, ale nie manipuluje właściwościami obiektu.

Answer 3

Czy próbujesz ustawić/ustawić tylko właściwości wymienione w interfejsie? Funkcjonalność taka jak ta nie jest dostępna w TypeScript, ale bardzo łatwo jest napisać funkcję, aby wykonać zachowanie, którego szukasz.

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

W sposób ogólny, jak można zrobić zmienną „” to tylko obniżoną zawierają właściwości zadeklarowane w interfejsie „MyInterface”.

Od maszynopis jest strukturalny oznacza to, że wszystko, co zawiera istotnych informacji jest typ Kompatybilny a zatem przypisywane.

Powiedziawszy to, TypeScript 1.6 otrzyma koncepcję o nazwie freshness.To sprawi, że łatwiej złapać jasne literówki (uwaga świeżość tylko odnosi się do obiektu literały):

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

Answer 5

TS 2,1 rozprzestrzenił Object i odpocząć, więc jest to teraz możliwe:

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

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

Po to zmniejszone będzie zawierało wszystkie własności z wyjątkiem "testu".