Typescript - Schnittstellen-Literale an Funktionsparameter übergeben

Question

Ich möchte eine Schnittstelle verwenden, um die Datentypen festzulegen und sie dann in der Funktion aufzurufen, während Standardwert festgelegt wird, wenn sie nicht übergeben werden.

Ich erhalte einen Fehler von nach Canvas in der Funktion. Kann ich es nicht so nennen?

// Options 
interface options { 
    canvas?: { 
     width: number; 
     height: number; 
     bgColor: string; 
    }; 
    brushes?: { 
     sizeSm: number; 
     sizeLg: number; 
    }; 
} 

function initialize(options {canvas.width = 700, brushes.sizeSm = 20}) { 
    // Do stuff 
} 

// Call function 
initialize({ 
    canvas: { 
     width: 820, 
     height: 450, 
     bgColor: '#fff' 
    }, 
    brushes: { 
     sizeSm: 10, 
     sizeLg: 20 
    }, 
}); 

Answer 1

Dies sollte zunächst

interface options { 
    canvas?: { 
     width: number; 
     height?: number; 
     bgColor?: string; 
    }; 
    brushes?: { 
     sizeSm: number; 
     sizeLg?: number; 
    }; 
} 

function initialize(opts: options = {canvas : { width : 700}, brushes: {sizeSm : 20}}) { 
//function initialize(options {canvas.width = 700, brushes.sizeSm = 20}) { 
    // Do stuff 
} 

// Call function 
initialize({ 
    canvas: { 
     width: 820, 
     height: 450, 
     bgColor: '#fff' 
    }, 
    brushes: { 
     sizeSm: 10, 
     sizeLg: 20 
    }, 
}); 

arbeiten werden, sollte die Syntax der Optionen als Paramter eingestellt werden, um der Schnittstelle opts: options zu konsumieren.

Als nächstes, wenn wir eine default value haben wollen wollen, müssen wir es richtig weitergeben müssen:

function initialize(opts: options = {canvas : { width : 700}, brushes: {sizeSm : 20}}) { 

Und weil wir nur Breite und sizeSm eingestellt .. der Rest eingestellt werden optional (zB heigth?:number)

Wiedergabe mit diesen here